Panel Height Issue

[crzycoder]

when i click arrow the expanded view does not show fully . I take expanded view in flatlist items . it's show me expanded items in ScrollView .. I didn't want ScrollView ..


Ummat E Mahammadi

<View style={{ height: 40 }}>

Home

{this._renderSeparator()}


<FlatList
data={[
{
title: "AL QURAN"
},
{
title: "NAAT"
},
{
title: "BAYYAN"
},
{
title: "QISA"
}
]}
renderItem={({ item }) => (
<ListItem
hideChevron
title={item.title}
containerStyle={{
borderBottomColor: "transparent",
borderBottomWidth: 0,
height: 35
}}
/>
)}
keyExtractor={item => item.title}
ItemSeparatorComponent={this.renderSeparator}
style={{ height: 110 }}
/>


{this._renderSeparator()}
<View style={{ height: 40 }}>

Watch

{this._renderSeparator()}
<View style={{ height: 40 }}>

Reciters

{this._renderSeparator()}


<FlatList
data={[
{
title: "Tilawat"
},
{
title: "Hamd"
},
{
title: "Naat Shareef"
},
{
title: "Information"
},
{
title: "Tafseer"
},
{
title: "Q.A"
},
{
title: "Istakbal-e-Ramadan"
},
{
title: "Dua-e-Istiqbal-e-Maah-e-Ramadhan"
}
]}
renderItem={({ item }) => (
<ListItem
hideChevron
title={item.title}
containerStyle={{
borderBottomColor: "transparent",
borderBottomWidth: 0,
height: 35
}}
/>
)}
keyExtractor={item => item.title}
ItemSeparatorComponent={this.renderSeparator}
style={{ height: 110 }}
/>


{this._renderSeparator()}

[KaroUlm]

Having a similar problem with dynamic data by using mapping function, all panels will be opend and the height is static to the first item i clicked