Навигатор вкладок не работает внутри ScrollView - PullRequest
Новая
       33

Навигатор вкладок не работает внутри ScrollView

0 голосов
/ 26 марта 2019

Я поместил навигатор вкладок в середине экрана.Он имеет несколько других компонентов над навигатором вкладок.Мне нужен scrollView в качестве родительского компонента, так как мне нужно вертикально прокрутить вкладку вместе с другими компонентами на экране.Но навигатор вкладок перестает работать, если его родительский компонент - ScrollView.

https://snack.expo.io/@codebyte99/tab-navigator-in-scrollview-test

Код: 

export default class App extends React.Component {
  render() {
    return (
      <ScrollView> //if ScrollView is removed, it works.
        <View style={{ flex: 1, marginTop: 50 }}>
          <Card>
            <AssetExample />
          </Card>     
          <DetailTab />
        </View>
      </ScrollView>
    );
  }
}

Навигация по вкладкам: 

const DetailTab = createMaterialTopTabNavigator({
  Info: Home,
  Menu: Home,
  Review: Home,
},
{   
    defaultNavigationOptions: ({ navigation }) => ({
    }),
    tabBarOptions: {
      activeTintColor: 'blue',
      inactiveTintColor: '#80868B',
      activeBackgroundColor: 'transparent',
      inactiveBackgroundColor: 'transparent',
      labelStyle: {
        fontSize: 12,
      },
      tabStyle: {
          paddingBottom: 10,
          paddingTop: 10,
          backgroundColor: 'transparent',
      },
      style: {
        backgroundColor: 'white',
      },
      indicatorStyle: {
        backgroundColor: 'blue'
      }
    },
  }
);

export default createAppContainer(DetailTab);
...