react native: how to set content to fit Scrollview component

Sore Sardine answered on December 11, 2022 Popularity 4/10 Helpfulness 4/10

answer react native: how to set content to fit Scrollview component

react native: how to set content to fit Scrollview component

Comment

# set Parent View : style={{flex: 1}}
# set property : contentContainerStyle={{flexGrow: 1}} for <ScrollView/>


<View style={{ flex: 1, backgroundColor: 'white', paddingHorizontal: 20 }}>
  <></>
  <></>
  <ScrollView contentContainerStyle={{flexGrow: 1}} >
      <View style={[{ paddingVertical: 20 }]}>
          <Text style={[]}>SOMETHINGS</Text>
          <Text style={[]}>SOMETHINGS</Text>
          <Text style={[]}>SOMETHINGS</Text>
      </View>
  </ScrollView>
</View>

Popularity 4/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: scrollview set typescript

Link to this answer
Share Copy Link

Contributed on Dec 11 2022

Sore Sardine

0 Answers Avg Quality 2/10

react native: how to set content to fit Scrollview component

Contents

More Related Answers

react native: how to set content to fit Scrollview component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.