javascript - React Native 导航 - 绘制选项 - 添加开关

Question

我正在使用https://reactnavigation.org/docs/intro/

我想在绘图中添加一个开关或切换按钮 - 而不是指向另一个页面的链接。

我想看到的是，绘图打开 - 然后显示一个切换开关来代替选项。然后，用户应该能够在不关闭抽奖的情况下打开和关闭它。

有人知道这是否可行吗？

Answer 1

您可以使用 DrawerNavigator 中的 contentComponent 为抽屉使用自定义 React 组件。

{
  drawerWidth: 200,
  drawerPosition: 'right',
  contentComponent: props => <ScrollView><DrawerItems {...props} /></ScrollView>
}

contentComponent 可以是一个自定义的 React 类，您可以编写它，其中包含您想要的任何内容。

提供自定义 contentComponent
您可以轻松地覆盖react-navigation使用的默认组件:

import { DrawerItems } from 'react-navigation';

const CustomDrawerContentComponent = (props) => (
  <View style={style.container}>
    <DrawerItems {...props} />
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

引用:https://reactnavigation.org/docs/navigators/drawer
自定义抽屉示例:https://developerlife.com/2017/04/15/navigation-and-styling-with-react-native/