Some things
just flow.

1import { Tabs } from 'react-native-collapsible-fluid-tabs/core';
2 
3export function ProfileScreen() {
4  return (
5    <Tabs.Container renderHeader={() => <ProfileHeader />}>
6      <Tabs.Tab name="posts" label="Posts">
7        <Tabs.FlatList
8          data={posts}
9          renderItem={({ item }) => <Post item={item} />}
10          keyExtractor={(item) => item.id}
11        />
12      </Tabs.Tab>
13      <Tabs.Tab name="about" label="About">
14        <Tabs.ScrollView>
15          <About />
16        </Tabs.ScrollView>
17      </Tabs.Tab>
18    </Tabs.Container>
19  );
20}