hi, how to generate multiple tab in tabview

[qzw881130]

💬 hi, how to generate multiple tab in tabview

UI Kitten and Eva version

"@ui-kitten/components": "5.3.1",
"@ui-kitten/eva-icons": "5.3.1",
"@ui-kitten/metro-config": "5.3.1",

const Tabs = () => {
  return (
    <React.Fragment>
    {EshopsData.map((_, idx) =>(
        <Tab title={'aaa-'+idx}>
          <Layout style={styles.tabContainer}>
            <Text category='h5'>aaaa</Text>
          </Layout>
        </Tab>))}
    </React.Fragment>
  );
}

          <TabView
          selectedIndex={selectedIndex}
          shouldLoadComponent={shouldLoadComponent}
          onSelect={index => setSelectedIndex(index)}
          children={<Tabs />}
        >

        </TabView>

pls help me, tell me how to fix it?

[qzw881130]

okay. i solved it. like this:

          <TabView
          selectedIndex={selectedIndex}
          shouldLoadComponent={shouldLoadComponent}
          onSelect={index => setSelectedIndex(index)}
          children={EshopsData.map(({category}, idx) =>(
            <Tab title={category} key={idx}>
              <Layout style={styles.tabContainer}>
                <Text category='h5'>aaaa</Text>
              </Layout>
            </Tab>))}
        >
        </TabView>