随笔分类 -  rn

react-native
react native应用设置竖屏
摘要：此方法是为了解决安卓模拟器中app默认横屏的问题 @/android\app/src/mainAndroidManifest.xml文件中activity项添加：android:screenOrientation="portrait" 阅读全文
posted @ 2020-08-17 17:49 neeter 阅读(648) 评论(0) 推荐(0)
react native列表添加item后滚动到列表底部
摘要：聊天对话页使用FlatList列表组件展示对话内容，当增加一条对话内容时使列表滚动至底部，可按如下方法实现： ref="flatlist" onContentSizeChange={() => { requestAnimationFrame(() => { this.refs.flatlist.sc 阅读全文
posted @ 2020-04-08 13:47 neeter 阅读(856) 评论(0) 推荐(0)
Text宽度自适应文本长度
摘要：rn因为没有块级元素与行内元素分别，Text宽度要自适应父元素设置alignSelf:'flex-start' <View style={{alignSelf:'flex-start'}}> <Text>123</Text> </View> 阅读全文
posted @ 2020-03-30 17:06 neeter 阅读(2101) 评论(0) 推荐(0)
解决报错createNavigatorFactory is not a function
摘要：React Navigation 4x 与 React Navigation 5x混用造成的报错， 4x版本包：react-navigation, react-navigation-stack, react-navigation-drawer 5x版本包：@react-navigation/nati 阅读全文
posted @ 2020-03-29 23:45 neeter 阅读(826) 评论(0) 推荐(0)
创建并运行rn app项目
摘要：1.安装expo cli 首先安装调试器，安装环境必须是cmd环境且全局安装： cnpm i -g expo-cli 安装过程中会询问是否安装调试工具什么的，一路回车即可。 2.安装create-react-native-app命令行工具 这是rn项目脚手架，可以帮助我们快速搭建rn app所需的环 阅读全文
posted @ 2020-01-09 17:02 neeter 阅读(1818) 评论(0) 推荐(0)