Question

我想把事情分解成组件。在我的App.js文件中，我希望看到来自<CreateAccount/>组件的文本输入框。问题是它给了我一个错误。只要我添加<View></View>，我的背景就会消失（只有一个白色屏幕），我会看到物理设备左上角的Email（来自placeholder）。

我希望文本输入框直接位于标题My App下方。整个React Native事物与常规HTML＆amp; CSS所以我想知道为什么在我的情况下会发生这种情况，我该怎么做才能解决它？

此处有App.js个文件：

import React, {Component} from 'react';
import {View} from 'react-native';
import BackGround from './components/BackGround';
import CreateAccount from './components/CreateAccount';

export default class App extends Component {
    render() {
        return(
            <View>
                <BackGround/>
                <CreateAccount/>
            </View>
        );
    }
}

此处有BackGround.js个文件：

import React, {Component} from 'react';
import {StyleSheet, Image, Text} from 'react-native';

export default class BackGround extends Component {
    render() {
        return(
            <Image style={styles.container} source={require('../pictures/smoke.jpg')}>
                <Text style={styles.title}>My App</Text>
            </Image>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        width: null,
        height: null,
        backgroundColor: 'rgba(0,0,0,0)'
    },

    title: {
        paddingBottom: 390,
        fontSize: 50
    }
});

此处有CreateAccount个文件：

import React, {Component} from 'react';
import {TextInput} from 'react-native';

export default class CreateAccount extends Component {
    render() {
        return(
            <TextInput
                placeholder={"Email"}
                placeholderTextColor={"#f44242"}
            />
        );
    }
}

为什么不会出现文本输入框？

0 个答案: