Drawer.Navigator在其中添加图像，原生反应
Drawer.Navigator在其中添加图像，原生反应
提问于 2021-02-01 15:03:35
我正在尝试在抽屉导航的顶部添加一个图像，有什么建议吗？
我试图添加抽屉图标功能，但这不是我想要的(也不起作用)，我也看到其他人使用DrawerContentScrollView，但在我的应用程序顶部说缺少"SafeAreaProvider“。
App.js
const App = () => {
return (
<NavigationContainer>
<DrawerNavigator />
</NavigationContainer>
);
};
export default App;DrawerNavigator.js
import HomeStackNavigator from "../navigations/Navigator";
const Drawer = createDrawerNavigator();
const DrawerNavigator = () => {
return (
<Drawer.Navigator
initialRouteName="Home"
drawerStyle={{
backgroundColor: "#EEEEEE",
width: 240,
}}
drawerContent={(props) => (
<DrawerContentScrollView {...props}>
<DrawerItem
label="SPECIAL BUTTON"
onPress={() => props.navigation.navigate("Home")}
/>
<DrawerItemList {...props} />
</DrawerContentScrollView>
)}
>
<Drawer.Screen
name="Home"
component={HomeStackNavigator}
options={{
tabBarLabel: "",
drawerIcon: () => (
<Image
source={require("../Interface_icons/56-Social-Profile/48w/social-profile-avatar.png")}
style={{ height: 20, width: 20 }}
/>
),
}}
/>
<Drawer.Screen name="News" component={News} />
<Drawer.Screen name="Profile" component={Profile} />
<Drawer.Screen name="AboutUs" component={AboutUs} />
</Drawer.Navigator>
);
};
export default DrawerNavigator;回答 1
Stack Overflow用户
发布于 2021-02-01 16:37:28
但在我的应用程序顶部说缺少"SafeAreaProvider“
在SafeAreaProvider中包装你的应用程序。
import { SafeAreaProvider } from 'react-native-safe-area-context';
const App = () => {
return (
<SafeAreaProvider>
<NavigationContainer>
<DrawerNavigator />
</NavigationContainer>
</SafeAreaProvider>
);
};
export default App;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65988400
复制相关文章
相似问题
腾讯云开发者
