Реагировать на мерцание родной вкладки

Question

Я использовал встроенную базовую библиотеку React для Tabbar с 4 экранами, но она мигает при переключении вкладок.

import React, { Component } from 'react';
import { Container, Header, Content, Tab, Tabs } from 'native-base';
import Tab1 from './tabOne';
import Tab2 from './tabTwo';
​export default class TabsExample extends Component {
  render() {
    return (
      <Container>
        <Header hasTabs />
        <Tabs initialPage={1}>
          <Tab heading="Tab1">
            <Tab1 />
          </Tab>
          <Tab heading="Tab2">
            <Tab2 />
          </Tab>
          <Tab heading="Tab3">
            <Tab3 />
          </Tab>
        </Tabs>
      </Container>
    );
  }
}

Answer 1

Вы можете быть здесь, что вы хотите

1, установка: switch-реакции-native

npm i switch-react-native

2, используя lib:

import React, { Component } from 'react';
import { View } from 'react-native';
import { Switch } from 'switch-react-native';
 
class SwitchExample extends Component {
  render() {
    return (
      <View>
        <Switch
          height={40}
          width={300}
          activeText={`Active Text`}
          inActiveText={`InActive Text`}
          onValueChange={(value: any) => console.log(value)}
        />
      </View>
    );
  }
}

Answer 2

У меня была похожая проблема, когда я также разрабатывал приложение на реактивном языке. Проблема для меня заключалась в том, что я использовал компонентыWillUpdate для анимации. Вместо этого я сделал вспомогательную функцию для анимации.

Не знаю, как выглядит остальная часть вашего кода, но это решило мою проблему.