react-native踩坑记录

#安卓真机如何打开dev menu
在RN的默认页面会显示

Double tap R on your keyboard to reload,
Shake or press menu button for dev menu

这句话是说想要打开dev menu可以使劲摇你的手机或者点击手机上的菜单按钮,
如果摇一摇没有的话,换一个手机,如果你的手机没有菜单按钮的话,换一个手机

Reload 加载失败

  1. reload时需要在项目更目录下运行react-native start命令以启动打包服务器
  2. 测试机与打包服务器需要再同一wifi环境且要在Dev Setting中设置打包服务器的ip,
    或者是用数据线将测试机连接到电脑上并运行:

    adb reverse tcp:8001 tcp:8081

Button 设置margin失效

在使用button的时候你会发现给它设置margin根本没有作用,此时可以使用TouchableOpacity
组件替代button

FlatList 如何下拉刷新

FlatList是用来替换ListView的RN组件,官方文档中提及FlatList支持下拉刷新

A performant interface for rendering simple, flat lists, supporting the most handy features:
Fully cross-platform.

Optional horizontal mode.
Configurable viewability callbacks.
Header support.
Footer support.
Separator support.
Pull to Refresh.
Scroll loading.
ScrollToIndex support.

但是如果如果你只是简单的使用FlatList而不设置任何属性的话你会发现往下拉的时候
根本没有反应。此时你需要设置onRefresh属性,这样下拉时才会有反应,而你也能
在onRefresh方法中做数据刷新。