react-native-router-flux：如何创建不推动场景的 tabBarComponent？

问题描述

如何创建不向上推场景的tabBarComponent？

最后，我的目标是创建具有圆角半径的tabBarComponent，但是我进入了圆角区域白色背景，我需要查看场景视图

<Scene drawer={true} key="main" drawerWidth={Dimensions.get('window').width * 0.85} drawerBackgroundColor="transparent" drawerPosition={drawerPosition} contentComponent={Menu} hideNavBar > <Tabs key="tabBar" tabBarComponent={BottomNavigation}> <Scene key={MAIN} component={Main} title="Take & Go" hideNavBar /> </Tabs> </Scene>

import React,{ useState } from 'react';
import { View,TouchableOpacity,StyleSheet } from 'react-native';
import { useSelector,usedispatch } from 'react-redux';
import _ from 'lodash';

const Main = ({ }) => {
    return (
        <View style={{backgroundColor:'yellow',flex:1}}>

        </View>
    );
};
const styles = StyleSheet.create({

});

export default Main;



import React,StyleSheet } from 'react-native';
import _ from 'lodash';


const BottomNavigation = ({ navigation }) => {

    return (
        <View style={[styles.bottomNavigationContainer]}>
        </View>
    );
};
const styles = StyleSheet.create({
    bottomNavigationContainer: {
        height: 79,backgroundColor: 'green',flexDirection: 'row',justifyContent: 'space-around',paddingTop: 12,borderRadius: 20,}
});

export default BottomNavigation;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）