react-native 天气应用开发

不积跬步，无以至千里；不积小流，无以成江海。 --庄子

春节在家学习reactnative做了一个天气应用

reactnative 天气app

以下是我开发中遇到的问题以及解决方案：
警告报错：
VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.
问题1:虚拟列表不应该嵌套在拥有同样滚动方向的scrollView组件里。可能是因为两个组件拥有滚动逻辑，同样的方向可能会导致相互干扰。
问题2:scrolleview会全部渲染，virtualizedList是懒加载,注定是两个冲突的组件
解决方案参考：
https://stackoverflow.com/questions/58243680/react-native-another-virtualizedlist-backed-container

采用listHeaderComponent就可以了。

关于阴影没有效果：
是因为shadowOpacity默认为0，所以必须设置这个属性

关于图片加载：
引用本地图片资源的时候require(‘./…’)地址不能是对象，必须是字符串。主要是require引用采用的是编译时，而非运行时。
Base64加载方式和网络图片请求方式相同.以下错误的加载方式：

指定模拟器版本

react-native run-ios --simulator “iPhone 8” 注意是英文引号

由于react-native版本的一直更新，中文文档的说明很多都无法再用了，或者使用会报错，建议还是结合英文文档一起看吧。