如何在React native中输入标签
在React Native中输入标签可以通过使用TextInput组件来实现。TextInput组件是React Native提供的一个用于接收用户输入的组件，可以用于输入文本、密码等。
要在React Native中输入标签，可以按照以下步骤进行操作：
- 导入TextInput组件：
- 导入TextInput组件：
- 在组件中使用TextInput：
- 在组件中使用TextInput：
placeholder属性用于设置输入框的占位文本，提示用户输入。onChangeText属性是一个回调函数，当用户输入文本时会触发该函数，可以在函数中更新组件的状态。value属性用于设置输入框的初始值，可以通过组件的状态来绑定输入框的值。
- 在组件的状态中添加一个属性来保存输入的标签：
- 在组件的状态中添加一个属性来保存输入的标签：
- 在上述代码中，
tag属性用于保存输入的标签。
通过以上步骤，就可以在React Native中实现输入标签的功能。用户可以在输入框中输入标签，并且输入的内容会保存在组件的状态中。根据实际需求，可以对输入的标签进行进一步处理，比如验证、格式化等。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
React:如何获取自定义TextInput组件的值？
javascript、reactjs、react-native
我有一个自定义TextInput组件的代码，我想将这个组件用于登录屏幕的用户名和密码值，但是，我不知道如何检索特定实例的文本输入的值。 import React from 'react';
import { TextInput, StyleSheet, View, ImagePropTypes } from 'react-native';
const TextInputCustom = (props) => {
const [value, onChangeText] = React.useState();
return (
<V
浏览 17提问于2020-09-30得票数 1
回答已采纳
2回答
在本机react中输入边框上的文本标签
javascript、react-native、react-hooks
我想创建一个输入框，如下所示： ? 但我是这样设计的，我不知道如何在输入边框上添加标签 ? 我的代码是： <InputBox label="Email" icon={true} keyboardType="email-address" defaultValue={emailId} onChangeText={text => setEmailId(text)} /> 输入组件： import React from 'react';
import {View, StyleSheet, TextInput,
浏览 49提问于2021-09-17得票数 1
2回答
运行onChangeText未正确更新TextInput值
react-native
我在react-native中创建了自己的搜索栏，所以我想让用户清除文本输入。为了实现这一点，我使用useState来跟踪文本输入value是否为空。我正在执行onStateChange('')来清理文本输入value，问题是如果我访问value，这会显示onStateChange('')之前的值，而不是空字符串''。 例如，如果我在输入上输入react，然后执行onStateChange('')，我希望输入的value属性为空，但事实并非如此，value包含react，如果我按下其他键，则值是''而不是当前的值
浏览 36提问于2021-04-01得票数 0
1回答
如何在这种情况下使TextInput成为分离的组件
firebase、react-native、firebase-realtime-database、expo
我有一个工作的ASK组件，它基本上需要用户输入和推送到Firebase数据库。
import React from 'react';
import {
Image,
Linking,
Platform,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View,
ListView,
TextInput,
} from 'react-native';
import Input from '../components/Input';
import {fireba
浏览 0提问于2017-04-13得票数 0
回答已采纳
1回答
React原生expo浏览器加载永远不会登录应用程序
react-native、expo、hybrid-mobile-app
我正在尝试学习原生的react。之前，我下载了一个样例项目，并提供了TextInput组件的以下代码 import React, { memo } from 'react';
import { View, StyleSheet, Text } from 'react-native';
import { TextInput as Input } from 'react-native-paper';
import { theme } from '../core/theme';
type Props = React.Componen
浏览 29提问于2021-04-28得票数 1
回答已采纳
2回答
React-本机变量与状态
javascript、reactjs、react-native、jsx
我正在尝试创建一个简单的动态更新的添加应用程序。我想我成功了，但我仍然在尝试理解状态。为什么text必须是一种状态，而result却不是，即使它一直在更新？
import React from 'react';
import { StyleSheet, TextInput, StatusBar, Text, View } from 'react-native';
import Constants from 'expo';
export default class App extends React.Component {
construct
浏览 4提问于2018-02-11得票数 0
回答已采纳
2回答
在TextInput中的每个按键都反应本机后，键盘关闭
react-native、keypress、textinput
我正在开发一个反应本地应用程序，在这个应用程序中，我面临着TextInput的一个问题。
每当我按下键盘上的一个键，键盘就会关闭。
我尝试使用不同的文本输入组件，如材料文本输入和“反应-本机-元素”输入。然而，同样的问题也存在。
stackexchange上也有类似的问题，但它们都试图在TextInput中解决这个问题。然而，问题不在于TextInput，而在于TextInput的实现。
我已将守则简化为：
import React, {useState} from 'react';
import { Text, View, StyleSheet, TextInput } fr
浏览 5提问于2021-12-16得票数 1
2回答
无法在react原生文本字段中键入
react-native、react-native-android
我正在尝试创建一个基本的登录页面，但我不能在文本字段中写任何东西。这是一个login.js文件。我该如何解决这个问题呢？我是react-native的初学者。
import React ,{Component} from 'react';
import {View ,Text,ImageBackground,TouchableOpacity,TextInput} from 'react-native';
export default class Login extends Component
{
constructor(props)
浏览 0提问于2020-07-18得票数 0
1回答
如何使用useState钩子来处理多个来自React Native中的FlatList的动态textInputs？
react-native、react-hooks、react-native-flatlist、react-native-textinput
我有一个功能组件，它是一个屏幕，我需要处理一些状态。我不想重构我的代码来使它成为类组件，我想使用钩子。我在屏幕中有一个组件，它呈现一个产品描述、数量和用户输入数量框的扁平列表(从JSON)。目前我对所有输入量的状态是绑定在一起的，所以当我在1个框中输入一个数字时，所有框中都会显示相同的数字。如何使用钩子分离和存储输入状态？
网上有很多使用钩子来存储1个数据的例子，但不是多个，因为我不知道会有多少个‘产品’，所以我不能为它们创建不同的useState。对所有输入框使用1个useState并存储在一个数组中是最好的吗？
import React, { useState } from
浏览 18提问于2020-02-22得票数 1
1回答
使用模式获取用户复选框输入并将数据返回父组件。
react-native
我有一个Newevent类组件，它需要几个用户输入。其中一个是名为access的用户is数组，其余的是文本输入。下面是我正在考虑的代码：
export default class NewEvent extends React.Component {
state = {
name: '',
access_list: [],
modalVisible: false
};
triggerModal() {
this.setState(prevState => {
return {
浏览 1提问于2019-05-09得票数 0
回答已采纳
4回答
React-本机构造函数
react-native
请帮我找出以下React-Native代码中的错误之处？ 它说在构造函数(props)之后应该有';‘分号。我不知道我声明的方式是否正确。 import React from 'react';
import { StyleSheet, TextInput, View } from 'react-native';
export default function App() {
constructor (props){
this.state = {
text: 'HI'
}
}
render ()
浏览 19提问于2019-12-17得票数 1
2回答
如何在React-Native中读取已填充的TextInput？
javascript、react-native、expo
我在下面有一个TextInput :正常情况下，当有更改时，我可以读取TextInput，问题是密码的TextInput是用默认密码填充的。因此，用户可能不需要编辑(更改)它-因此不会触发onChangeText方法。
import React,{Component} from 'react'
import {View, Text, TextInput } from 'react-native'
export default class App extends Component {
constructor(props){
super(props)
浏览 0提问于2019-02-23得票数 1
2回答
有没有办法让我的性别在formik状态下通过？
javascript、react-native、formik、mobile-development、react-state
我是新的反应原生，我想创建一个表单。我使用formik来实现这一点。我还添加了react-native-dropdown-picker，因为react-native的选择器在android上的占位符有问题。我想将我在下拉列表中使用的性别属性传递给state。我有没有办法做到这一点？ import React, {Component} from 'react'
import { StyleSheet, Button, TextInput, View, } from 'react-native'
import { Formik } from 'formik
浏览 24提问于2020-09-01得票数 0
回答已采纳
1回答
React Native Paper Text Input -在初始状态下调整标签颜色
react-native、label、textinput、react-native-paper
我想在初始状态(而不是onFocus)调整概述的react-native-paper TextInput标签颜色。这是我的OutlinedInput组件：
import * as React from 'react';
import { TextInput } from 'react-native-paper';
const OutlinedInput = (props) => {
return (
<TextInput
mode='outlined'
label={props.label}
浏览 0提问于2020-09-14得票数 2
2回答
如何在Redux中存储和访问图像
reactjs、react-native、redux、react-redux、redux-thunk
如何将图像存储在redux中，然后在另一个组件中访问它？我的目标是使用TextInput保存映像url，并在另一个组件中显示实际的映像。我不知道如何从主配置文件中访问图像。下面是我在配置文件中保存图像的代码：
import React from 'react';
import { StyleSheet, TextInput, View, Button, Vibrate } from 'react-native';
import { connect } from 'react-redux';
import {saveProfile} from &
浏览 0提问于2018-11-21得票数 1
1回答
我可以在下面的文本输入中将静态消息显示为下拉列表吗？
react-native、textinput
我需要在输入输入时显示静态消息，或者如果用户关注react-native中的TextInput。 我需要显示输入字段必须包含以下字母。 我如何才能以浮动的方式显示在框下面，而不是在react-native的屏幕视图中 <TextInput>
underlineColorAndroid="transparent"
secureTextEntry={this.state.passwordDisplayed}
textContentType="password"
onChangeText={text => this.
浏览 20提问于2020-04-15得票数 0
3回答
underlineColorAndroid在android中不工作
android、react-native、textinput
react-native-cli: 2.0.1
react-native: 0.52.2
在我的ios设备表单中，看起来不错，但在安卓设备中，它的底部边框显示在TextInput上，
class Input extends Component {
render(){
return(
<View style={styles.container}>
<Text style={styles.lableStyle}>{this.props.label}</T
浏览 1提问于2018-02-06得票数 2
回答已采纳
5回答
react原生secureTextEntry在安卓上不起作用
android、react-native、textinput
我正在尝试使用react-native secureTextEntry在注册期间隐藏我的密码和确认密码字段。我正在使用textInput.below的自定义InputBox组件是我的代码， <InputBox
error={this.state.PwordError}
keyboardType={'default'}
onChangeText={Pword =>
this.setState({
浏览 67提问于2019-02-14得票数 2
2回答
如何将浮动数字从sqlite映射到TextInput，并在本机和redux中向后映射？
react-native、redux、floating-point、android-sqlite、textinput
我从sqlite获得一个浮点数，并将其设置为redux状态。而不是把这个属性展示给TextInput组件。为此，我必须将浮点数转换为字符串。在编辑值时，我触发事件onChangeText，将字符串转换为浮点数并更新redux状态。
当我清除TextInput中的最后一个字符时，由于将属性值从数字转换为字符串，我的点也会清除。在这种情况下我怎样才能保存点呢？赖特在redux中使用浮动值的方法是什么？
我的自定义组件代码：
import React from 'react';
import PropTypes from 'prop-types';
import {
浏览 1提问于2019-07-27得票数 1
回答已采纳
1回答
将状态值作为道具react native传递
react-native、redux、react-hooks、state、react-props
我正在尝试创建一个可重用的文本输入组件，但我想获取用户输入的值，以便在App.js上对其进行操作 TextInputComponent.js import React, {useState} from 'react';
import { StyleSheet, View, TextInput } from 'react-native'
const TextInputComponent = (props) => {
const [text, onChangeText] = useState("")
return (
浏览 15提问于2021-09-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
