Можно ли использовать несколько скроллов в 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 и т.п., мне не помогло, есть ли вообще возможность использовать несколько вертикальных скроллов?


Ответы (0 шт):