Горизонтальная прокрутка Просмотр не прокрутка? - PullRequest
Новая
       36

Горизонтальная прокрутка Просмотр не прокрутка?

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

Я работаю с собственным проектом реагирования, но у меня проблема в том, что мое горизонтальное представление прокрутки не хочет прокручивать его, работая с ios, но android нет, я работаю с собственными базовыми вкладками, поэтому у меня есть два экрана первая с вертикальной прокруткой работает нормально, а вторая с горизонтальной не работает, у вас есть идеи? я пытался добавить nestedScrollEnabled реквизиты, но не работает

код вкладки 

 <Tabs
   tabBarUnderlineStyle={tabBarUnderlineStyle}
   tabContainerStyle={tabContainerStyle}>
   <Tab
     heading={strings.info}
     tabStyle={tabStyle}
     activeTabStyle={tabStyle}
     textStyle={textStyle}
     activeTextStyle={activeTextStyle}>
     <Info />
   </Tab>
   <Tab
     heading={strings.state}
     tabStyle={tabStyle}
     activeTabStyle={tabStyle}
     textStyle={textStyle}
     activeTextStyle={activeTextStyle}>
     <State />
   </Tab>
 </Tabs>

, и вот экран, с которым у меня проблема 

 <View style={container}>
   <View style={itemsContainer}>
     <View>
       <ScrollView horizontal nestedScrollEnabled={true}>
         <HeaderItem label={Strings.ca} />
         <HeaderItem label={Strings.packs} />
         <HeaderItem label={Strings.terme} />
         <HeaderItem label={Strings.sinistre} />
         <HeaderItem label={Strings.attestation} />
       </ScrollView>
     </View>
   </View>
 </View>

1 Ответ

0 голосов
/ 21 февраля 2020 
import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import { TabViewAnimated, TabViewPage, TabBarTop } from 'react-native-tab-view';

export default class TabViewExample extends Component {
  state = {
    index: 0,
    routes: [
      { key: '1', title: 'First' },
      { key: '2', title: 'Second' },
    ],
  };

  _renderScene = ({ route }) => {
    switch (route.key) {
    case '1':
      return <View style={{ flex: 1, backgroundColor: '#ff4081' }} />;
    case '2':
      return <View style={{ flex: 1, backgroundColor: '#673ab7' }} />;
    default:
      return null;
    }
  };

  _renderPage = (props) => <TabViewPage {...props} renderScene={this._renderScene} />;

  render() {
    return (
      <TabViewAnimated
        style={{ flex: 1 }}
        navigationState={this.state.navigation}
        renderScene={this._renderPage}
        renderHeader={this._renderHeader}
        onRequestChangeTab={index => this.setState({ index })}
      />
    );
  }
}
...