Scroll View не прокручивается в реагирующем

Question

/* @flow */

import React, { Component } from 'react'
import {
  View,
  Text,
  StyleSheet,
  Image,
  ScrollView,
  Dimensions
} from 'react-native'

export default class Body extends Component {
  render () {
    return (
      <ScrollView>
        <View style={styles.bigView}>
          <View style={styles.smallView}>
            <Image
              style={styles.myImage}
              source={require('../img/img1.jpeg')}
            />
          </View>
          <View style={styles.smallView}>
            <Image
              style={styles.myImage}
              source={require('../img/img1.jpeg')}
            />
          </View>`enter code here`
          <View style={styles.smallView}>
            <Image
              style={styles.myImage}
              source={require('../img/img1.jpeg')}
            />
          </View>
          <View style={styles.smallView}>
            <Image
              style={styles.myImage}
              source={require('../img/img1.jpeg')}
            />
          </View>
          <View style={styles.smallView}>
            <Image
              style={styles.myImage}
              source={require('../img/img1.jpeg')}
            />
          </View>
        </View>
      </ScrollView>
    )
  }
}

const styles = StyleSheet.create({
  bigView: {
    flexDirection: 'row',
    flexWrap: 'wrap'
  },
  smallView: {
    margin: 2,
    height: 100,
    width: (Dimensions.get('window').width / 2) - 4
  },
  myImage: {
    flex: 1,
    width: null,
    alignSelf: 'stretch'
  }
})

Answer 1

Я создаю пример с вами стиля и возможной структуры. Я думаю, у вас проблема в небольшой высоте для стиля smallView. Смотрите мой пример: https://codesandbox.io/s/react-playground-1z39j