在 <TextInput> 的 react-native 中看不到 UI

Posted 2023-04-18

【中文标题】在 <TextInput> 的 react-native 中看不到 UI

【英文标题】：Cannot see UI in react-native for <TextInput>

【发布时间】：2020-04-02 06:31:13

【问题描述】：

我从 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 显示一个空白屏幕。

请注意，我是新手，我在手机上使用expo 作为 UI 设备。

【问题讨论】：

你能添加截图你得到什么

你可以尝试设置TextInput值和占位符一个init值。

【参考方案1】：

在TextInput 样式中添加borderWidth: 1，它将显示空文本输入。