#javascript #reactjs #react-native #react-native-navigation
Вопрос:
Я использую React Native:
у меня есть компоненты, вызываемые внутри представления прокрутки:
function SomeScreen(){ return( lt;ScrollView style={myStyles.someStyles}gt; lt;Viewgt; lt;Text style={myStyles.homeHeroTitle}gt;Hello Tomlt;/Textgt; lt;Textgt;It's great seeing you!lt;/Textgt; lt;/Viewgt; lt;Viewgt; lt;Textgt;SomeTextlt;/Textgt; lt;/Viewgt; lt;Viewgt; lt;Textgt;SomeOtherTextlt;/Textgt; lt;/Viewgt; lt;/ScrollViewgt; ); } let myStyles = StyleSheet.create({ someStyles:{ width: "100%", height: "100%", }, }); Я не могу прокручивать в представлении прокрутки, когда вызываю другие элементы представления внутри представления прокрутки.
Но я могу прокручивать, когда единственными элементами внутри представления прокрутки являются текстовые элементы.
Комментарии:
1. Можете ли вы попытаться заменить все элементы представления внутри вашего представления прокрутки на lt;gt; lt;gt;lt;/gt; вместо lt;/gt;lt;Представлениеgt; lt;Представлениеgt;lt;Представление/gt;
2. В дочернем представлении ScrollView попробуйте добавить еще несколько данных или скопировать тестовый компонент несколько раз, чтобы он занимал больше всей высоты экрана, после чего вы сможете прокручивать экран.
Ответ №1:
Возьмите flex:1 в стиле вашего представления прокрутки, а также попробуйте добавить больше текста(добавить данные) для прокрутки .
Ответ №2:
Во-первых, старайтесь избегать такого количества представлений, так как текст также имеет свойства представления, которые вы можете использовать.
Во-вторых, вы можете придать стиль ScrollView как
someStyles:{ flex:1 } Это зависит от того, откуда вы импортировали ScrollView.Это от react-native или от обработчика жестов react-native?
import { ScrollView } from 'react-native'; import { ScrollView } from 'react-native-gesture-handler';