TabView在ImageBackground内部不起作用

Question

我在react-native应用程序的ImageBackground内部有一个TabView。 TabView不会显示，但是当作为父元素给出时会显示。

             <ImageBackground source={require('../assets/images/loginBg.png')} style={styles.container}>
                <TabView
                    navigationState={this.state}
                    renderScene={SceneMap({
                        first: FirstRoute,
                        second: SecondRoute,
                    })}
                    onIndexChange={index => this.setState({ index })}
                    initialLayout={{ width: Dimensions.get('window').width }}
                    style={innerStyles.innerContainer}
                />    
            </ImageBackground >
        );

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#ffffff',
        alignItems: 'center',
        justifyContent: 'center',
        width: '100%',
        height: '50%',

    },
});

const innerStyles = StyleSheet.create({
    innerContainer: {
       flex: 1,
    },
    scene: {
        flex: 1,
    },
});

Answer 1

您必须使用series函数来重构标题。我举了一个使用答案中所需的RenderTabBar的例子。

imageBackground