ReactNative 自定义页签切换ListView

我是原生开发者,刚开始学习ReactNative遇到各种坑,一个项目2天没运行起来,那种挫败感有点怀疑人生,慢慢的懂得其中的问题。

正文:
使用官方的 'react-native-scrollable-tab-view',只要import就报错,很纳闷项目中还没开始使用,就直接报错。

效果图如下:

ReactNative 自定义页签切换ListView_第1张图片
471622AB-F278-432E-96D8-E36C1DA99A1F.png

1.导入ScrollView,如图:

ReactNative 自定义页签切换ListView_第2张图片
2B081761-2CAD-4CBA-9214-8A02460CF13D.png

2.切换按钮:

ReactNative 自定义页签切换ListView_第3张图片
972D57E5-F08F-4FFF-8E12-25695F0546C5.png

3.在ScrollView放两个ListView,供按钮切换

40394C1B-7958-4204-AB22-3EDFA80158C4.png

4.附上ListView的row(行)的写法

ReactNative 自定义页签切换ListView_第4张图片
2645A148-8988-4F27-A40A-B8FF1D116781.png

你可能感兴趣的:(ReactNative 自定义页签切换ListView)