使用React Native 和 微信小程序 编写的一款阅读类app ———《轻松一刻》

一款纯React Native原生代码 和 微信小程序 编写的appReact Native源码地址:https://github.com/azhon/Time微信小程序源码地址:https://github.com/azhon/Time/tree/WeChatApp在微信中进入小程序搜索 直接搜...

2017-11-04 22:44:28

阅读数:2020

评论数:3

解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中

使用react-navigation中的TabNavigator搭建标签导航栏的时候遇到了一个问题,当我们对导航栏只需要设置文字,不设置图片的时候、在ios设备上你会发现文字没有垂直居中(在Android中是好的),因为这个控件默认预留好了图片显示的位置 即使你将showIcon: false设置...

2017-11-03 11:17:52

阅读数:1883

评论数:0

ReactNative基础(八)了解FlatList的使用、添加头尾布局、下拉刷新、上拉加载

此博客基于react-native-0.49.3之前我们已经说过ListView这个控件了、FlatList性质也是一样的只不过使用起来更加封闭、内部封装好了 添加头尾布局、下拉刷新、上拉加载等功能…实现的效果:FlatList实现一个最简单的列表<FlatList //数据源 da...

2017-10-27 15:05:47

阅读数:4214

评论数:6

ReactNative基础(七)js代码与原生代码进行交互、打包APK

此博客基于react-native-0.49.3前面两篇博文已经将react-navigation里面三个重要的导航说完了(不是很高深,毕竟对于初学者还是够了的)、那么现在就可以来搞点事情了。与原生代码进行交互、通信、调用原生api 与原生代码交互 使用我们的开发神器Android Studio...

2017-10-16 22:15:03

阅读数:973

评论数:2

ReactNative基础(六)使用react-navigation实现页面导航布局效果(TabNavigator)

此博客基于react-native-0.49.3上一篇介绍了一下react-navigation依赖库中的StackNavigator 这篇文章就接着上一篇继续往下说也就是依赖库中的第二个导航栏TabNavigator相当于Android中的TabLayoutTabNavigator: 官网地...

2017-10-13 17:26:52

阅读数:7902

评论数:8

ReactNative基础(五)使用react-navigation实现页面的跳转、参数的传递(StackNavigator)

Navigator(导航栏) 在ReactNative v0.43之前的时候官方提供了Navigator组件,在v0.44版本之后官方就把他废弃了这是为什么呢?原因就是有个比他更好的react-navigation导航栏了、不得不说第三方依赖库真的很强大。 React Navigation 官...

2017-10-10 17:53:06

阅读数:6370

评论数:15

ReactNative基础(四)了解ListView的使用、实现GridView效果、编写一个真实网络请求案例

ListView简介 一个核心组件,用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源,然后给它传递一个普通的数据数组,再使用数据源来实例化一个ListView组件,并且定义它的renderRow回调函数,这个函数会接受数组...

2017-09-29 22:27:40

阅读数:1406

评论数:1

ReactNative基础(三)了解ScrollView并打造一个Banner效果

ScrollView简介 一个包装了平台的ScrollView(滚动视图)的组件,同时还集成了触摸锁定的“响应者”系统。 这个就跟Android中的ScrollView总体来说是一样的,将会超出屏幕的视图使用ScrollView包裹来滑动查看。 ScrollView文档属性介绍 来编写个案例实现下...

2017-09-27 22:24:19

阅读数:1304

评论数:0

ReactNative基础(二)了解组件的生命周期

生命周期这个词大家一听肯定是不陌生了,在Android中有Activity、Fragment、Service…的生命周期(请原谅我是个小Android);那在ReactNative中组件也是一样有个生命周期的,来引用经典的生命周期流程图: 注意: Es5下的getDefaultProps在Es6上...

2017-09-27 15:28:01

阅读数:814

评论数:0

ReactNative基础(一)编写一个登录页面

React Native 一个跨平台开发的语言!一套代码可以同时跑在多个端,想想都刺激;下面就来用RN开发一个登录页面,熟悉语法和RN代码的编写(大神可以出门右拐)    来看下我们要实现的效果图:         React Native 中文网:http://reactnative....

2017-09-20 14:45:38

阅读数:2203

评论数:3

解决React Native 运行在ios上报'boost/iterator/iterator_adaptor.hpp' file not found'错误

本人基于ReactNative v0.48 Xcode v8.3.3 开发执行如下命令是可以正常运行到Android模拟器上的,但是运行在ios设备上就出现了错误 react-native init HelloWorld cd HelloWorld react-native ru...

2017-09-14 11:42:19

阅读数:1666

评论数:0

提示
确定要删除当前文章?
取消 删除