Горизонтальный слайд не работает в AppIntroSlider npm в реагировать родной - PullRequest
Новая
       33

Горизонтальный слайд не работает в AppIntroSlider npm в реагировать родной

0 голосов
/ 03 февраля 2020

Добрый день, ребята. Я пытаюсь добиться горизонтального слайда в «AppIntroSlider» из «act-native-app-intro-slider ».

import AppIntroSlider from 'react-native-app-intro-slider';

Я просматривал npm этого пакета и я видел, что он использует горизонтальную прокрутку FlatList для горизонтальной прокрутки нескольких страниц. На каждой из страниц я показываю краткий вступительный текст и фрагмент кода из python, который не помещается на экране по горизонтали. Проблема в том, что я не могу прокрутить этот фрагмент кода по горизонтали в пределах этого элемента / страницы FlatList.

Часть кода здесь: 

<ScrollView nestedScrollEnabled={true} horizontal={true} >
   {
      <Snippet snippet={item.code} />
   }
</ScrollView>

Код не помещается на экране горизонтально с реальным кодом и его комментариями в конце строки.

Если горизонтальная прокрутка в FlatList невозможна, что еще вы можете предложить, чтобы просмотреть весь фрагмент кода. Пожалуйста, посмотрите на результат:

enter image description here

Как видите, фрагмент кода должен быть прокручен горизонтально, чтобы увидеть весь код. Пожалуйста, помогите мне ...

1 Ответ

0 голосов
/ 03 февраля 2020

Я наконец решил это. Я только что поместил кнопку под фрагментом кода «Показать полноэкранный фрагмент кода», который показывает фрагмент кода в отдельном полноэкранном режиме, добавленном в виде стека в stackNavigator. 

<TouchableHighlight
                    onPress={() => this.props.navigation.navigate('SnippetContainer', { snippet: item.code_block })}
                >
                    <View>
                        <Text style={{ color: 'white' }}>Fullscreen Snippet</Text>
                    </View>
</TouchableHighlight>
...