![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ReactNative
文章平均质量分 51
凉拌菜是个汉堡包
我是一只欢乐的小菜鸟
展开
-
React native sticky tab吸顶功能
rn的吸顶实现思路和h5不同,且安卓可能有兼容性问题思路一使用ScrollView的stickyHeaderIndices属性IOS支持,Android不支持 吸顶目标需要是Scrollview的第n+1个子节点<ScrollView style={ s.container } onScroll = { this.onScroll } scrollEventThrottle = {1} showsVerticalScrollIndicator = ...原创 2020-10-19 23:18:51 · 2000 阅读 · 1 评论 -
react native: Image设置resizeMode为contain导致图片居中,不向左对齐
需求背景是给一个组件传不同宽度的图片,希望在显示时能展示完整图片,保持图片位置、高度一致,宽度自适应最开始给图片统一设置了宽高,本以为能像h5的img标签一样,自适应宽高还能左对齐 img: { position: 'absolute', top: 6, left: 6, height: 16, w...原创 2020-03-28 02:17:02 · 2738 阅读 · 0 评论 -
ReactNative TextInput: onChange 与 onChangeText
在使用rn提供的TextInput组件的过程中,发现提供了两个onChange方法,在此记录https://reactnative.cn/docs/0.48/textinput.html官方解释,两个方法的时机相同,传参不同,一个是object一个是string示例如下。使用时需注意需分二者,不然会导致rn报错// onChangeText示例<TextInput ...原创 2020-03-24 18:36:34 · 1913 阅读 · 0 评论 -
react router native : rn to web使用link标签失效
rn项目的路由使用link标签可以成功跳转const linkParams = { pathname: '/star', state: { data: item },}<Link to={ linkParams } component={ TouchableOpacity }> <Item text={ item.text } index={ ...原创 2020-03-18 11:36:55 · 307 阅读 · 0 评论 -
react router native:link点击不跳转
rn嵌入原生,出现点击TouchableOpacity组件内容没反应、不跳转的情况// App.jsconst history = createMemoryHistory()<Router history={ history }> <Switch> <Route path="/" component={ Home }/> ...原创 2020-02-18 23:10:16 · 1636 阅读 · 0 评论 -
react router native报错:cannot read property location of undefined
兜兜转转,我又搞回了rn。节后复工,跟不上进度很难受,希望能重拾初心。项目需要,在rn中引入router,选择了react-router-native。照着官网的例子搞,import { Router, Route } from 'react-router-native'<Router> <Route path="/" component={ Test...原创 2020-02-16 20:39:22 · 1801 阅读 · 0 评论 -
Github上克隆ReactNative项目报错:Could not install the app on the device
在本机的sdk等环境配置无问题,成功构建过项目的情况下,从github上clone一个新的RN项目。尝试本地运行的时候报错。从github上clone的RN项目,在本地运行react-native run-android的时候,会报错:Could not install the app on the device, read the error above for details.M...原创 2018-11-30 21:24:32 · 463 阅读 · 0 评论 -
ReactNative项目报错:undefined is not an object (evaluating 'navigator.userAgent.match')解决办法
错误RN项目启动时报错:undefined is not an object (evaluating 'navigator.userAgent.match')原因userAgent中文名为用户代理,是服务器能够识别客户使用的操作系统及版本。各浏览器自带userAgent,但RN生成的项目本质上仍然是APP,不具备这个字符串头。所以用真机/模拟器运行的项目会因为找不到userAg...原创 2018-12-06 16:41:37 · 9897 阅读 · 0 评论