включить прокрутку в Scrollview

Question

Итак, я создал ScrollView, содержащий несколько представлений, но прокрутка не работает, и я не могу отобразить другие представления. У кого-нибудь есть идеи, как я могу это сделать или что не так с моим кодом? вот мой код

import React from 'react'
import {ScrollView,View,Text,Button,StyleSheet,FlatList,Image} from 'react-native'
export default function MedProfilScreen({route}){
    const {name,specialite,work}=route.params;
    return(
      <ScrollView contentContainerStyle={{flex:1,alignItems:'center'} } >
        <View style={styles.ctr1}>
        <Image style={styles.img} source={require('../assets/Title.jpg')} />
          <Text style={styles.txt}>{name}</Text>
          <Text style={styles.txt}>{specialite}</Text>
          <Text style={styles.txt}>{work}</Text>
          <Button title='Prendre rendez-vous' onPress={()=>{}} />
        </View>
        <View>
          <Text>fgfg</Text>
          <Text>fgfg</Text>
          <Text>fgfg</Text>
          <Text>fgfg</Text>
          <Text>fgfg</Text>
        </View>
      </ScrollView>
    );

}

Answer 1

Удалите flex: 1 из вашего contentContainerStyle, используя его, все равно что сделать это

<ScrollView>
  <View style={{ flex: 1 }}>
   some content
  </View>
<ScrollView>

, что в итоге занимает только доступное пространство и убирает функциональность прокрутки, так как содержимое не больше его контейнера