在 TabNavigator 中渲染 FlatList

Question

我已按照此 example 并尝试将 FlatList 放入其中一个选项卡中，但我无法显示它。

所以，这是我对代码的修改：

..
    const datos=[{"codoc": 1}, {"codoc": 2}, {"codoc": 3}];
    function HomeScreen() {
      return (
          <FlatList
            data={datos}
            renderItem={(item)=>{return <View style={{flex:1}}><Text>{item.codoc}</Text></View>}}
            keyExtractor={item=>item.codoc.toString()}
          />
      );
    }
.
.
.

我会感谢任何帮助..

Answer 1

您需要在 renderItem.

中执行 item.item.codoc

更多信息在此

编辑

我用这个代码。

const Tab = createBottomTabNavigator();
 
const HomeTabs = () => {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={Test} />
      <Tab.Screen name="Settings" component={Test} />
    </Tab.Navigator>
  );
};

const datos=[
    { "codoc": 4 },
    { "codoc": 2 },
    { "codoc": 3 }
];

function Test() {


    return (
            <FlatList
            data={datos}
            renderItem={(item)=>{
                return (
                <View style={{flex:1}}>
                    <Text>{item.item.codoc}</Text>
                </View>)
            }}
            keyExtractor={item=>item.codoc.toString()}
          />
    );
}

屏幕结果

在 TabNavigator 中渲染 FlatList

Rendering FlatList inside TabNavigator

react-native

react-native-flatlist