Блог

Можно стилизовать внутренний контейнер (ala background:'red') with contentContainerStyle`:

 <ScrollView contentContainerStyle={{background:'red'}>
 

Однако, вот моя попытка стилизовать самый внешний контейнер (ala flex:5 ), что-то, что отлично работает со стандартным компонентом <View>:

 <ScrollView style={{flex:5}}>
 

Во втором примере не удается отобразить стиль на самом внешнем контейнере. Стиль применяется к дочернему контейнеру, вложенному в самый внешний.

Как мне оформить самый внешний контейнер <ScrollView>?

Решение, которое работает конкретно в этом случае, заключается в размещении <ScrollView> непосредственно внутри компонента <View>, который служит контейнером для flex:5 инструкции CSS.

 <View style={{flex:5}}>
  <ScrollView>