javascript - Component Below Flatlist doens't appear

Question

I've been trying to make a simple app, and I want some comment section that I create with flatlist, but after I create some component below my flatlist it won't appear, but the height of it appears, it just the component itself won't appear, after I'm trying to comment my flatlist, the component below it showed up.

Can you give me solution for this problem? so stuck with it

<View
     style={{
     alignItems: 'center',
     flex: 1,
     }}>
     <FlatList
       data={Comment}
       keyExtractor={Comment.id}
       renderItem={renderItem}
       removeClippedSubviews={true}
       scrollEnabled={false}
      />
   </View>
</View>
              
<View>
   <Timeline data={data} />
 </View>
</View>

<!-- end snippet -->

Answer 1

Try this way

<View style={{ flex: 1 }}>
  <View
    style={{
      alignItems: "center",
      flex: 1,
    }}
  >
    <FlatList
      data={Comment}
      keyExtractor={Comment.id}
      renderItem={renderItem}
      removeClippedSubviews={true}
      scrollEnabled={false}
    />
  </View>

  <View>
    <Timeline data={data} />
  </View>
</View>