• 文字删除线 <Text style={{textDecorationLine:'line-through'}}>删除线示例</Text>
  • 文字超出省略号 <Text numberOfLines={3}></Text>
  • 直接在View上绑定点击事件,是没有用的。您需要将元素放在TouchableOpacity TouchableWithoutFeedback TouchableNativeFeedbackTouchableHighlight 元素中
<TouchableHighlight onPress={this.onClick}>
    <View>
	    <Text>
	        Tap to change the background
	    </Text>
    </View>
</TouchableHighlight>
  • React Native中position只有absolute和relative两个值;并没有fixed值。如何实现悬浮按钮 position: fixed 的效果:只需要把这个悬浮按钮写在ScrollView外部就好
  • 横向滚动
<ScrollView
    horizontal={true} // 横向
    showsHorizontalScrollIndicator={false}  // 此属性为true的时候,显示一个水平方向的滚动条。
    >
</ScrollView>
  • 无滑动占满页面,设置 flex: 1
  • 按钮固定底部,还是给滑动部分的 View 设置 flex: 1,和 View 同级放上按钮,按钮就会自动被挤到底部;如果想要这个按钮浮动的话,就设置按钮 position: 'absolute' 就可以啦
  • 写 css 的时候,要用写 js 的思路来写,比如定义 title,msg 的样式,横向居中的样式等等,然后可以一个dom引入多个css的组合
  • __DEV__react native 提供的一个全局变量,用于判断当前是否是开发环境
  • 在这里插入图片描述
  • apk覆盖安装问题,系统提示已经存在,需要卸载之前版本,需要改小版本号,自增的那个
  • 小程序跳app跳不回来,本地重新打包调试又可以了,这时你再重新打包上传一遍就好了
  • android模拟器cmd+M打开调试
  • yarn android 有时很慢,没打开科学
  • jpush相关问题:删掉jpush-react-native和jcore-react-native中两个重复文件,如果还有问题
    rm -rf node_modules && yarn cache clean && yarn install && yarn android
  • Text组件是占一行的,就算View包裹Text设置flexDirection: 'row'也是不行的,要用 Text 组件包括 Text,这样的话 Text 就换变成自适应的宽度。

View包裹Text
在这里插入图片描述
View包裹Text,并设置flexDirection: ‘row’
在这里插入图片描述
使用Text包裹Text
在这里插入图片描述
但是我在真机上,如果使用View包裹Text,并设置flexDirection: ‘row’,Text仍然会占据一行,并且把另一个Text挤到屏幕右边看不见,我不知道为什么

  • Android手机插上电脑没反应,仅仅充电没有弹窗,重启电脑
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐