React_Native项目
关注
分享
扫一扫
React_Native项目
六道对穿肠
android开发程序员,写过小程序,前端. 喜欢用技术解决实际问题.
展开
-
react_native 项目实战 (6) 趋势页面 列表抽取 popover使用
父控件 更新子控件 通过属性传值现在写趋势页面. 其实趋势页面和最热页面都差不多. 趋势页面的导航条是有个popover的控件 所以不是简单的text 需要改造NavigationBar需要改造NavigationBar.js //渲染顶部title renderTitle = () => { let view = (this.props.title.length != 0原创 2017-10-30 11:56:18 · 1103 阅读 · 0 评论 -
react_native 项目实战 (5) DeviceEventEmitter 使用 ,webview 使用 react navigation进行参数传递
今天 2017.10.26 我把android studio升级成了3.0 结果RN项目 各种问题 其他问题我用android studio 3.0 把项目打开一遍就好了 但是使用rn run android的时候 有个gradle 3.0一直下载不下来说缺少3.0 解决: buildscript { repositories { jcenter() m原创 2017-10-27 16:05:58 · 828 阅读 · 0 评论 -
react_native 项目实战 (4) 自定义分类 使用 CheckBox 以及 数据存储asyncStorage
使用CheckBox先看使用CheckBox 下效果图引入CheckBox 第三方复选框react-native-check-boxnpm install react-native-check-box –save //两个横杠leftText 的Text 大写.又被坑了一次Checkbox http://www.searu.org/39207.html遇到的问题 1, 点击后就隐藏了原创 2017-10-17 18:34:14 · 3107 阅读 · 3 评论 -
ReactNative 滑动字母选择城市 以及搜索功能
先上效果图遇到的问题右侧字母选择器 高度问题,右侧字母选择器 如何使用手势检测panresponse右侧字母选择器 计算高度如何判断是触摸到那个字母上的(思考 如果是==native应用是如何做的==…刚看过 native应用的城市列表也是通过计算每个字母的高度来检测的)动态创建的控件右边滑动的原理: 通过onlayout计算每个字母高度 ,然后加入数组 , 手指触摸字母列表时 知道 触摸的原创 2017-10-09 15:30:13 · 5018 阅读 · 6 评论 -
react_native 项目实战 (3) 使用导航页面跳转 (ReactNaviation 完全自定义导航)
其他的一些问题 记录下 什么时候 要给函数加上括号: 加括号情况: 当函数需要立即执行的时候(需要立刻返回) 不加括号情况: 当事件需要延迟触发的时候. (比如点击事件的函数) static propTypes = { } ```static defaultProps = {}propTypes 是用于传入类型的校验defaultProps 是给props原创 2017-09-27 11:13:39 · 1257 阅读 · 0 评论 -
ReactNative 项目实战 (2) ListView 使用 网络请求以及下拉刷新 (条目控件封装)
ListView 使用 网络请求以及下拉刷新最终实现的效果图 listview 以及 最热页面内容切换现在写页面的内容 ,知识点:listivew 的使用网络数据的获取页面内容的组件封装Listtview 的使用 看官方文档 http://reactnative.cn/docs/0.48/listviewdatasource.html#content不要忘记引入ListView下面是原创 2017-09-16 12:53:56 · 919 阅读 · 0 评论 -
React_Native 项目实战 (1) (首页,以及页面的切换)
写一个用reactnative 的项目 可以用于查看GitHub最受欢迎与最热项目的App。 项目开始 HomePage.js PS 可以先拖动到底部看下效果图新建一个reactnative项目 ,底部因为有四个tab 选项卡 那么 我使用一个第三方组件react-native-tab-navigator并且新建一个HomePage.js,关于第三方组件可以看下这篇文章 http://blog原创 2017-09-12 16:37:39 · 4672 阅读 · 1 评论 -
React Native 页面跳转react-navigation导航器的使用
啥都不说了 先来效果图看下入门文档https://reactnavigation.org/docs/intro/里面有三个导航器我现在只用StackNavigator 这个用于页面的跳转然后上代码index.android.jsimport React from 'react';import { AppRegistry, Text, View,Button,} from原创 2017-09-19 18:46:45 · 714 阅读 · 0 评论 -
从零开始 React Native (1) ES6简介及环境搭建与语法入门
JavaScript的历史 诞生 JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。时走在技术革新最前沿的Netscape（网景）公司，决定着手开发一种客户端语言，用来处理这种装简单的验证。当时就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。Javascript于Java的关系原创 2017-04-12 17:22:58 · 1176 阅读 · 0 评论 -
从零开始 React Native (2) ES6面向对象编程
主要知识点:模板字符串箭头函数解构赋值Symbol 第七种数据类class 关键字 语法糖继承 (原型继承 原型继承的问题)(构造函数继承 )(组合继承)下面都是代码样例 看看能打印什么/** * Created by liuml on 2017/4/7. *///模板字符串let name = "liu";let age = 26;let str = name + "原创 2017-05-03 14:40:07 · 1140 阅读 · 0 评论 -
从零开始 React Native (3) grenerator函数 控制流管理 Promise
/** * Created by liuml on 2017/4/20. *//** * 下一步，必须调用遍历器对象的next方法，使得指针移向下一个状态。 * 也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield语句（或return语句）为止。 *///grenerator函数//区别//1.返回值function*//2.y原创 2017-05-03 14:53:28 · 753 阅读 · 0 评论 -
从零开始 React Native (4) React入门_状态属性_生命周期
React入门状态属性生命周期html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="react.js"></script> <script src="react-dom.js"></script> <script src="browser.min.js"></sc原创 2017-05-03 15:14:12 · 462 阅读 · 0 评论 -
从零开始 React Native (5) React 数据传递_表单_函数复用_动画
数据传递表单函数复用_动画HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="react.js"></script> <script src="react-dom.js"></script> <script src="babel.min.js"></script原创 2017-05-03 15:20:39 · 1359 阅读 · 0 评论 -
从零开始 React Native(6) 计时器案例(模块化_组件封装)有图有demo
先上效果图注意 : 这个项目是用node 方式创建的 实际上是创建了一个node 项目 使用命令行的方式 然后再导入 westrom . 步骤如下1 ,通过这个命令，创建一个react工程 npm install -g create-react-app 这个是必须的,打开cmd输入就行.2, #到指定目录创建工程create-react-app my_timer// 先到项目文件夹下面 然后用原创 2017-05-09 16:33:14 · 971 阅读 · 0 评论 -
从零开始 React Native(7) 搭建React Native 环境
React-Native官方 https://facebook.github.io/react-native/docs/getting-started.htmlpython地址 https://www.python.org/python2安装 配置python环境变量下python 2.7 的 3.0 的React Native 不认识然后就是一系列的命令安装react-native npm原创 2017-05-09 17:44:16 · 602 阅读 · 0 评论 -
从零开始 React Native(8) flex布局_常用控件案例
flex布局_常用控件案例直接看这篇文章 https://www.baidu.com/link?url=GdCoTjP5fV04wIAnK1HgT8sggbyv59IqhzNmclOmoeyQsYuMKDbudX2d34WAJ8Jz9reLTyxy8P9fKazz83SA7J-_v4QhV5DndgFEoEnR7NW&wd=&eqid=eb33faab0001724b00000003591adbc原创 2017-06-01 17:38:25 · 729 阅读 · 0 评论 -
ReactNative开发问题汇总
webstorm配置 http://blog.csdn.net/xiangzhihong8/article/details/52293896webstorm插件 安装 react templatesreact native 问题以及技巧0, 启动服务后 使用 localhost:8081 看看是否正常启动 React Native packager is running. 显示解决: 发布原创 2017-06-01 17:46:26 · 4202 阅读 · 0 评论 -
Android集成React Native 踩坑合集 (github 有demo)
react native 版本升级降级查看版本 react-native –version查看npm包管理的React Native 版本 npm info react-native根据package.json 的版本更新 npm installreact native 升级 npm WARN React-native@0.35.0 requires a peer of re原创 2017-08-27 10:15:52 · 952 阅读 · 0 评论