'Height of View in react native

Is it possible to make the <View /> having the same height? I am fetching a data from server side and some content are short and some are long. So when I display them in a box form, the height of the box aren't same. If I fix the height or minimum height the long text will exceed the height of the box.

EDIT : Sample code

DisplayEguides(){
  var winsWidth = Dimensions.get('window').width;

  if(this.state.eguides != null){
    var eguides = this.state.eguides.map((data, i)=>(
      <View key={i} style={[ { width: (60/100)*winsWidth, paddingHorizontal: 5 } ]}>
        <TouchableOpacity 
          onPress={()=>this.OpenUrl(data.url)}
          style={{ backgroundColor: '#ffffff', borderBottomWidth: 1, borderColor: '#efefef', elevation: 1, shadowOpacity: 0.8, marginBottom: 15, padding: 15, borderRadius: 15 }}>
          <View style={{ alignItems: 'center', overflow: 'hidden', position: 'relative' }}>
            <Text style={{ fontWeight: 'bold', textAlign: 'center', marginBottom: 15 }}>{ data.title }</Text>
            <View style={{ flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>
              <Text style={{ color: Color.default, fontWeight: 'bold' }}>Download</Text>
              <AntDesign name="download" size={16} color={Color.default} style={{ paddingLeft: 10, fontWeight: 'bold' }} />
            </View>
          </View>
        </TouchableOpacity>
      </View>
    ))

    return (
      <View style={{ paddingHorizontal: 15 }}>
        <AppText type="bold" style={{ fontSize: 18, marginBottom: 15 }}>E-Guides</AppText>
        <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>{ eguides }</ScrollView>
      </View>
    );
  }
}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source