Height of Carousel's Items

[NguyenHoangMinhkkkk]

Hi, i want to style equal the height for all the items
i tried to put {flex:1} into item's styles not works so.

const funcRenderItem = (key: string) => {
  const { icon, description, title } = getItemContent(key);
  return (
    <View>
      <Text color={'white'} numberOfLines={3}>
        {title}
      </Text>
      <Text color={'white'} numberOfLines={5}>
        {description}
      </Text>
    </View>
  );
};

<Carousel
  width={screenWidth / 2}
  style={{ width: screenWidth }}
  snapEnabled={false}
  pagingEnabled={false}
  loop
  // autoPlay
  // enabled={false}
  // withAnimation={{
  //  type: 'timing',
  //  config: {
  //    duration: 3000,
  //   easing: Easing.linear,
  //  },
  // }}
  // autoPlayInterval={0}
  data={DataArray}
  renderItem={item => (
    <View style={styles.itemContainer}>
      <View style={styles.item}>{funcRenderItem(item.item)}</View>
    </View>
  )}
/>

const screenWidth = dimensionsWindow.width;
const styles = StyleSheet.create({
  item: {
    backgroundColor: 'blue',
    borderRadius: 12,
    padding: 16,
  },
  itemContainer: {
    width: screenWidth / 2,
    paddingHorizontal: 8,
  },
});