ScrollView с FlatList внутри не работает? - PullRequest
Новая
       62

ScrollView с FlatList внутри не работает?

1 голос
/ 12 марта 2020

Это код, который у меня есть для ScrollView 

<ScrollView contentContainerStyle={{ flexGrow: 1 }} scrollEnabled>
      <View style={{ maxHeight: 280 }}>
        <FlatList
          style={{ backgroundColor: '#eee' }}
          data={suppliers}
          keyExtractor={supplier => supplier}
          renderItem={({ item, index }) => {
            const style = index % 2 === 0 ? { backgroundColor: '#fff' } : null;
            return (
              <TouchableOpacity
                style={{
                  ...style,
                  height: height / 14,
                  borderColor: '#333',
                  borderWidth: 0.5,
                  alignItems: 'center',
                  flexDirection: 'row',
                  justifyContent: 'space-between',
                }}
              >
                <Text style={{ fontSize: 14 }}>{item}</Text>
                <Feather name="chevron-right" size={21} />
              </TouchableOpacity>
            );
          }}
        />
      </View>
    </ScrollView>

Содержимое FlatList - динамическое c, означающее, что длина массива поставщиков может измениться в любое время, поэтому у меня есть maxHeight и хочу это просто список, который вы можете прокрутить, если содержимое расширяет maxHeight. Я пробовал возиться с множеством разных вещей, но ничего не получается. Вы можете увидеть результат здесь

Я получаю список, который нельзя прокручивать.

1 Ответ

1 голос
/ 12 марта 2020

Я попробовал ваш код с тестовыми значениями и прокруткой.

смотрите здесь

...