如何在TextInput行之间放置文本?

时间:2017-10-26 16:46:15

标签: react-native react-native-android

我正在尝试创建一个自定义组件,该组件由TextInput上方的文本组成,该文本包装在一起。我想要实现的效果是在TextInput的每一行之间都有一个Text,这样当在TextInput中输入某些内容时,Text中会直接显示一些内容。重要的是TextInput之间的行不可编辑。知道怎么做吗? I included a picture to better explain.顶部图片是我想要获得的行为,底部是它应该看起来的样子。

2 个答案:

答案 0 :(得分:0)

如果我的问题正确,那么this is your solution

<android.support.design.widget.TextInputLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
             >
            >
            <android.support.design.widget.TextInputEditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:hint="Username"

                />
        </android.support.design.widget.TextInputLayout>

在项目的build.gradle文件中,在项目的依赖项中添加以下行:

dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])

compile 'com.android.support:design:22.2.0'
compile 'com.android.support:appcompat-v7:22.2.0'

}

答案 1 :(得分:0)

您可以创建一个自定义组件,用于存储状态中的字符串数组(用户的输入)。 在render函数中,您可以迭代数组并为每个项呈现一个Text和一个TextInput。 您将禁用除最后一个之外的所有TextInput的编辑,以便它们看起来可以在输入的末尾进行编辑。当该TextInput将被强制换行时,您可以向状态String数组添加一个新条目。这将是非常令人费解的,但希望这是你的起点