Question

我开始学习本机响应，因此我正在关注文档，但是，我无法测试TextInput，我从官方文档中复制了该示例，但我的应用程序中没有任何内容。
我还指出，当我添加其他组件时，它们也不会出现，但是，当我删除TextInput时，它们将按预期出现。
我在网上搜索了一些解决方案，发现了很多解决方案，但对我来说不起作用（主要是谈论组件的高度...）。
应用程序和debugger-gui
中都没有错误有人有解决方案吗？
编辑1
为了开始反应，我按照说明进行操作并创建AwsomeProject，然后在app.js中（我也尝试创建一个separte组件并在app.js中调用它），我添加了以下代码：

   <View style={{ backgroundColor: 'red' }}>
    <TextInput style={{ backgroundColor: '#ededed', height: 60 }} value={'Hello'} />
  </View>

Answer 1

我认为通过在textInput中添加flex：1和onChangeText可以解决此问题

null

Answer 2

没有代码示例很难知道，但是您要在文件顶部导入TextInput吗？

import { TextInput } from 'react-native';

Answer 3

这是TextInput最简单使用的完整代码。


import * as React from 'react'; 
// We have to import the components that we are going to use in our app. 
// TextInput is a part of the 'react-native', which should be already installed if you have followed the official documentation correctly.
import {View, TextInput} from 'react-native';

export default class App extends React.Component { // Our main App component
  render() {
    return (
      <View style={{ backgroundColor: 'red' }}> // The TextInput is in a view. This view has a red background. When you use the link below, you will see a red section at the top of the screen. That is our view.
        <TextInput style={{ backgroundColor: 'red', height: 60 }} value={'Hello'} /> // This is the TextInput component, which has the text "Hello" in it. As you can see, it will be rendered in the parent red view.
      </View>
    );
  }
}

在此link中查看实时示例。

更多： React Native Getting Started on TextInput

让我知道它是否无法阐明您要做什么！

Answer 4

要在UI上显示文本输入，您需要使用flex概念或定义文本输入的宽度。

或

反应本机TextInput

4 个答案: