![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative
开航母的贝塔丶
你在,春华秋实夏蝉冬雪。你不在,春夏秋冬。
展开
-
在TabNavigator中包含StackNavigator并设置其标题(直接设置HeaderTitle标题不显示)
问题:在登录页面点击登录跳转至类似微信的有三个导航栏的,这时在TabNavigator中分别设置三个页面的headerTitle在页面上不起作用。 (PS:小白官方文档真的看不懂啊,好乱的官方文档...) 错误代码:const tabNavigator = createBottomTabNavigator( { Chat:{ ...原创 2019-02-26 16:26:07 · 2865 阅读 · 5 评论 -
ReacrNative----使用TabNavigator隐藏底部导航栏
问题:本人做的页面是仿照QQ的界面来做的,底部有三个导航栏,但是在消息页面点击聊天信息进入详情的时候底部的导航栏还是存在的,详细情况见图: 问题代码:将要跳转的详情页面注册到了消息页面的同一级,并在TabNavigator中进行了配置,这才导致详情页面也默认为了TabNavigator的一个页面,所以标题栏还存在,看代码:const chatS...原创 2019-03-04 14:33:54 · 1989 阅读 · 4 评论 -
ReactNative----动态修改标题栏内容
问题:使用页面间传值的方式将参数传递到子页面,发现子页面的navigationOption不能动态的设置标题栏的参数,下面是之前的代码(没有成功修改标题栏):static navigationOptions = { headerTitle:this.props.navigation.state.params.name} 解决方法:重构navigatio...原创 2019-03-04 19:01:50 · 1033 阅读 · 0 评论 -
ReactNative调取摄像头拍照和访问图库,使用react-native-image-picker
关于ReactNative在调用图库和摄像头时进行选择的情况可以根据Github上的说明实现,本人已经测试过,是正常的,有兴趣的可以去看看:https://github.com/react-native-community/react-native-image-picker 我要实现的只是类似于QQ那样点击聊天页面的图库和相机分别调取,但是在使用时遇到了下面的错误:...原创 2019-03-11 14:40:19 · 1927 阅读 · 0 评论 -
react-native-sound使用----React Native 播放声音
老规矩,还是先添加依赖:npm install react-native-soundreact-native link react-native-sound方法介绍// 加载声音文件let musciPath = require('../../src/sound/1.mp3'); // 匹配的格式挺多的....var music = new Sound...原创 2019-03-12 16:50:04 · 12461 阅读 · 7 评论 -
ReactNative集成到android原生项目(混合开发)
初衷:本来在其他博客已经有很多人给过教程了,但是无奈我这里测试的时候一直有问题,只能自己走一遍,解决了一下遇到的问题。下面就一步一步的记录一下:在Android studio中创建一个原生项目(AndroidAndRN) 在Android studio的Terminal终端或者自己在cmd终端下切换到安卓项目的根目录 在终端下输入 npm init 执行结果如...原创 2019-04-04 14:27:26 · 1692 阅读 · 0 评论