Как кто-то может остановить горизонтальную прокрутку компонента Tab NativeBase

Question

RN: я использую компонент табуляции родной базы.Я хочу, чтобы компонент панели вкладок прекратил горизонтальную прокрутку, потому что я планирую иметь представление с горизонтальной прокруткой на первой вкладке этого компонента панели вкладок.Я просто хочу, чтобы вкладки не менялись при перетаскивании пользователем вправо или влево, пока он не коснется самой иконки. Я не могу найти такую ​​опору для нее, с помощью которой я могу это остановить.Надеюсь, вы понимаете.Вот, я хочу это остановить.

Вот код.

    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>

Answer 1

попробуйте это:

<Tabs locked />