React native 如何使用CreateBoottomTabNavigator将TouchableWithoutFeedback和TouchableNativeFeedback呈现为选项卡按钮？

我正在尝试使用

createBottomTabNavigator

（来自

@react-navigation/bottomtabs

v5）。我唯一无法更改的是tab按钮。默认设置很好，但我想在Android上使用

TouchableNativeFeedback

，在iOS上使用

TouchableWithoutFeedback

（默认设置）

所以我创建了一个触摸屏，唯一能正确渲染的是

touchablepacity

，其他触摸屏在视觉上被破坏，按下时没有任何效果（导航不起作用）

正确呈现

touchable本机反馈

和

touchable无反馈

缺少什么

从“React”导入React；
进口{
文本，
可触摸不透明度，
可触摸且无反馈，
可触摸的本地反馈，
样式表，
}从“反应本机”；
从'@react-navigation/native'导入{NavigationContainer}；
从“@react navigation/bottom tabs”导入{createBottomTabNavigator}；
从“@expo/vector icons”导入{MaterialCommunityIcons}；
无反馈的常量屏幕=（）=>无反馈；
常量屏幕不透明度=（）=>不透明度；
常量ScreenNativeFeedback=（）=>本机反馈；
无反馈的常量按钮=（道具）=>(
);
常量按钮容量=（道具）=>；
//我还没有设置涟漪，因为它没有正确渲染
常量按钮活动反馈=（道具）=>；
const TabNavigator=createBottomTabNavigator（）；
导出默认函数App（）{
返回(
(
),
tabBarLabel:“无反馈”，
tabBarButton：无反馈的按钮，
}}
/>
(
),
tabBarLabel:“不透明度”，
禁忌按钮：按钮能力，
}}
/>
(
),
tabBarLabel:“NativeFeedback”，
选项卡按钮：按钮活动反馈，
}}
/>
);
}

当前结果：

---

---

我知道有一个

createMaterialBottomTabNavigator

（来自

@react navigation/material bottom tabs

），但使用它，我需要配置更多我在测试中无法实现的功能。

若要修复它，请在可触摸屏中渲染

，并在该视图中渲染

子项。此外，
样式
道具应传递给

TouchableNativeFeedback

const buttonNativeFeedback=（{children，style，…props}）=>(
{儿童}
);

touchable无反馈

const按钮无反馈=（{children，style，…props}）=>(
{儿童}
);


若要修复它，请在可触摸面板内渲染
，并在该视图内渲染
子对象。此外，
样式
道具应传递给

TouchableNativeFeedback

const buttonNativeFeedback=（{children，style，…props}）=>(
{儿童}
);

touchable无反馈

const按钮无反馈=（{children，style，…props}）=>(
{儿童}
);