我正在嘗試在我的本機導航抽屜中制作自定義抽屜,我試圖在其中放置圖示和按鈕而不是抽屜螢屏組件。我的一些代碼放在這里以供參考:
function CustomDrawerContent(props: DrawerContentComponentProps) {
<DrawerContentScrollView {...props} >
<DrawerItemList {...props} />
<DrawerItem
label="Facebook"
onPress={() => Linking.openURL('https://www.facebook.com/mysite/')}
inactiveTintColor="black"
/>
<DrawerItem
label="Instagram Page"
onPress={() => Linking.openURL('https://www.instagram.com/mysite/')}
inactiveTintColor="black"
/>
</DrawerContentScrollView>
我試圖將這些抽屜專案作為我網站的 Facebook 和 Instagram 頁面的按鈕/圖示,用戶將被定向到這些頁面。我可以知道如何實作這一目標嗎?
uj5u.com熱心網友回復:
您可以將icon和添加style到您的DrawerItem.
<DrawerItem
label="Instagram Page"
icon={({ focused, color, size }) => {
return <Icon color={color} size={size} />;
}}
style={{ borderRadius: 50 }}
onPress={() => Linking.openURL("https://www.instagram.com/mysite/")}
inactiveTintColor="black"
/>
該icon道具回報陣營元素,你可以看到更多的道具和其他細節在這里
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/363048.html
