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

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

2017-10-27 15:05:47

阅读数:4214

评论数:6

解锁Activity的跳转新姿势———使用scheme跳转

Activity的跳转可以说是非常简单的了、从一个页面跳转至另一个页面,我们最常用的也就是下面这种:Intent intent = new Intent(this, xxx.class); startActivity(intent);当然还有我们的隐式跳转,为Intent指定一个action即可I...

2017-10-26 20:27:11

阅读数:1490

评论数:8

使用BottomNavigationView底部导航栏、添加数量角标提醒

度娘了一圈发现基本上都是TabLayout或者其他的导航栏添加角标,所以写这篇博客记录下来。先来看下实现的效果图:代码也是很简单的 BottomNavigationMenuView中的每一个Tab就是一个FrameLayout,所以我们可以在上面随意添加View、这样也就可以实现我们的角标了。...

2017-10-24 20:53:33

阅读数:6623

评论数:5

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

阅读数:6368

评论数:15

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