Можно ли использовать несколько скроллов в react native?
Делаю страницу с формой, все элементы не помещаются в высоту экрана, поэтому использую ScrollView (пропсы и стили убрал для простоты).
<ScrollView>
{fields.map(item => (
<Field
key={item.id.toString()}
/>
))}
</ScrollView>
Некоторые элементы формы представляют собой свой select, я использую FlatList, хочу установить для него фиксированную высоту, также он должен прокручиваться.
const Field = (props) => {
return (
<View >
<TouchableOpacity >
<Text>
{
props.changed.includes(props.item.id)
? props.item.value.name
: props.item.title
}
</Text>
<AntDesign size={16} name="down" style={{flexShrink: 0}} color={theme.usualText} />
</TouchableOpacity>
<FlatList
data={props.data[props.item.name]}
renderItem={({item}) => {
return (
<TouchableOpacity style={s.item} >
<Text style={s.text}>{item.name}</Text>
</TouchableOpacity>
)
}}
keyExtractor={(item) => item.id.toString()}
/>
</View>
)}
Читал форумы, пишут, что можно обернуть во View и т.п., мне не помогло, есть ли вообще возможность использовать несколько вертикальных скроллов?