我已经使用了带有4个屏幕的tabar的反应本机基础库,但是在开关选项卡时闪烁。
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>
);
}
}
我在反应本地开发应用程序时也有类似的问题。对我来说,问题在于我已经使用了组件Willupdate进行动画。相反,我为动画做了一个辅助功能。
不知道您的其他代码的外观如何,但这解决了我的问题。
您可以在这里
1,安装:开关反应
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>
);
}
}