Использование гибкости экрана внутри ScrollView

Question

У меня есть этот код

<View style={{flex: 1}}>
   <ScrollView contentContainerStyle={{height: 2000}}>
      <Text style={{flex: .5, backgroundColor: 'orange'}}>box1</Text>
      <Text style={{flex: .5, backgroundColor: 'orange'}}>box2</Text>
      <Text style={{flex: .5, backgroundColor: 'orange'}}>box3</Text>
   </ScrollView>
</View>

При этом я надеялся, что каждый <Text /> займет половину экрана (следовательно, комбинация всех дочерних элементов равна 1,5 высоты экрана),Вместо этого каждый блок занимает треть высоты 2000 пикселей.Есть ли способ получить желаемый результат с помощью flex?Или я должен вычислить высоту экрана и затем получить желаемый% для каждого <Text />?

Answer 1

вы должны использовать процент вместо flex