有人如何停止水平滚动NativeBase的Tab组件

问题描述 投票:0回答:1

RN:我正在使用原生基地的标签组件。我标签栏组件我想要停止水平滚动,因为我打算在此标签栏组件的第一个标签中有一些水平滚动视图。我只是希望当用户向右或向左拖动直到他触摸图标本身时不要更改标签。我无法找到这样的道具,借助我可以阻止它。希望你能理解。在这里,我想阻止这一点。

enter image description here

这是代码。

    render() {

return (
  <Container>


    <Tabs renderTabBar={() => <ScrollableTab  style={{ backgroundColor: '#4169E1' }} />} >
      <Tab
        heading={<TabHeading style={{ backgroundColor: '#4169E1' }}>
          <Icon name="home" style={{ color: 'white' }} />
        </TabHeading>}>

        <Text> This is Home </Text>


      </Tab>
      <Tab
        heading={<TabHeading style={{ backgroundColor: '#4169E1' }} >
          <Icon name="ios-search" style={{ color: 'white' }} />
        </TabHeading>}>
        <Text> This is Search </Text>

      </Tab>

      <Tab
        heading={<TabHeading style={{ backgroundColor: '#4169E1' }} >

          <SimpleLineIcons name='user' color='white' size={25} style={{ marginLeft: 20 }} />
        </TabHeading>}>

        <Text> THis is User </Text>


      </Tab>

      <Tab
        heading={<TabHeading style={{ backgroundColor: '#4169E1' }} >
          <Icon name="help" style={{ color: 'white' }} />
        </TabHeading>}>
        <Texy> </Text>
      </Tab>

      <Tab
        heading={<TabHeading style={{ backgroundColor: '#4169E1' }} >
          <Icon name="cog" style={{ color: 'white' }} />
        </TabHeading>}>
        <Settings />
      </Tab>
    </Tabs>
  </Container>
react-native tabs native-base
1个回答
1
投票

试试这个:

<Tabs locked />

© www.soinside.com 2019 - 2024. All rights reserved.