无法在 的react-native中看到UI

Question

我从React-Native开始。我能够看到<Text>。然后，我添加了<TextInput>

import React from 'react';
import { StyleSheet, Text, View, TextInput } from 'react-native';

export default class App extends Component {

  state = {
    placeName: ''
  }

  placeNameChangedHandler = event => {
    alert(event)
  }

  render(){
    return (
      <View style={styles.container}>
        <Text>Ayman</Text>
        <TextInput 
          style={{width:300, borderColor:"black"}}
          value={this.state.placeName}
          onChangeText={this.placeNameChangedHandler}
        />
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

我可以捆绑我的Javascript应用程序，但是UI显示空白屏幕。

请注意，我是新手，并且正在使用UI设备的手机上的expo。

我从React-Native开始。我能够看到

。然后，我添加了我的从'react'导入React；从'...

Answer 1

您只需要一个占位符，就可以看到textINput。

Answer 2