TextInput从右向左启动，React native
TextInput从右向左启动是指在React Native中的TextInput组件在输入文本时，文本从右侧向左侧逐渐填充。这种行为通常适用于从右到左的文本输入语言，例如阿拉伯语或希伯来语。
TextInput组件是React Native中用于接收用户输入的基本组件之一。它提供了一个可编辑的文本框，允许用户在应用程序中输入文本。
优势：
- 适用于从右到左的文本输入语言：TextInput从右向左启动的特性使得在设计支持从右到左文本输入语言的应用时更加便利，提高用户体验。
应用场景：
- 多语言应用程序：适用于需要支持多种不同文本方向的应用程序，例如支持英语和阿拉伯语的应用程序。
- 文字编辑器：适用于需要在应用程序中编辑文本的场景，例如笔记应用、聊天应用等。
腾讯云相关产品： 腾讯云并没有针对TextInput从右向左启动这一特性提供特定的产品或服务。
（注意：以上信息为模型自动生成，仅供参考，具体以官方文档为准。）
相关·内容
大写锁定图标作为React Native - TextInput组件的内置功能弹出。我想设计这个图标的样式，这样我就可以对它应用正确的填充。
没有关于此功能的文档，但当组件的secureTextEntry属性为true时，似乎会打开该功能。
<DefaultInputField
id="password"
placeholder="Enter password..."
label="Password"
secureTextEntry=true
/>
浏览 5提问于2019-07-23得票数 2
2回答
这是我的React Native代码，使用React Native Paper生成文本输入。 import * as React from 'react';
import { TextInput } from 'react-native-paper';
class MyComponent extends React.Component {
state = {
text: ''
};
render(){
return (
<TextInput
label='Email
浏览 20提问于2020-09-09得票数 1
回答已采纳
你好，我是一个非常新的反应原生我在这个项目上工作，这是一个项目的登录/注册页面，我正在运行通过世博会的enter image description here项目，运行在一个物理设备上。我尝试过堆栈溢出上的其他可用选项，但至少对我都不起作用 ***App.js***
import React from 'react'
import{StyleSheet,Text,View}from 'react-native'
import RegForm from './app/Components/RegForm'
export default cl
浏览 7提问于2020-06-11得票数 0
我想构建一个组件，它接受一个Icon参数，并将所有其他参数传递给一个样式化组件Input (基于TextInput)。在Javascript中，这很简单： import React from 'react';
import { TextInput } from 'react-native';
import styled from 'styled-components/native';
const Input = styled.TextInput`
color: #268596;
`;
export default ({ Icon, ..
浏览 18提问于2021-05-07得票数 0
回答已采纳
刚开始学习react native，我试图弄清楚react native项目是如何运行的，但我对以下代码感到困惑：
import { AppRegistry, Text, TextInput, View } from 'react-native';
我假设在我的项目文件夹中应该有像Text.js和TextInput.js这样的文件，它们将在执行过程中被调用。我确实找到了两个，但它们都在不同的地方。Text.js在proj_root\node_modules\react-native\Libraries\Text中，但TextInput.js在proj_root\node_mod
浏览 0提问于2018-02-17得票数 0
我是新手，我想知道用户使用react-native中的ScrollView向右或向左滚动的时间
据我所知，onScroll方法不知道用户滚动到哪里
浏览 0提问于2020-01-07得票数 0
我有一个注册服务，由Nodejs处理。此服务在3001端口上工作。我试图将此服务从React本机应用程序连接起来。但总是会回来
ReactNativeJS: TypeError:网络请求失败
我的组件和package.json代码如下。另外，我将URL localhost替换为127.0.0.1，它无法工作。当我从邮递员那里测试后端服务时，它是正常工作的。给出了非常常见的异常网络错误，所以很难理解问题的根源。每个本地开发启动程序都可以很容易地面对这个问题。那么，反应本机还是Android引起的问题呢？
import React, { Component } from 'reac
浏览 2提问于2018-03-10得票数 11
回答已采纳
当我在安卓系统上试用和rotation应用程序和npm create-react-native-app时，我注意到在设备旋转之后出现了一种奇怪的行为。
当我以纵向模式启动应用程序，然后切换到景观，KeyboardAvoidingView周期之间的，没有被推高在所有或没有被推到足够高时，点击TextInput。另外，当隐藏键盘时，按钮每隔一秒钟就隐藏一次。
当我在景观模式下启动应用程序，然后切换到肖像时，KeyboardAvoidingView总是被推到更高的位置。
下面是一个简短的剪辑，展示了发生了什么：
怎样才能防止这种情况发生呢？
下面是我为create-react-nat
浏览 14提问于2022-03-12得票数 1
回答已采纳
我试图清除用户的价值从TextInput时，用户点击按钮，但不能得到它。
我正在实现这个演示使用钩子在反应-本机。
所以请帮帮我，我是新来的，有反应的，谢谢你的进步。
import React, { useState, useEffect } from 'react';
import { StyleSheet, View, TextInput, TouchableOpacity, Text } from 'react-native';
import { RFValue } from 'react-native-responsive-fo
浏览 2提问于2021-03-09得票数 1
回答已采纳
1回答
我使用的是@shoutem/ui库，它有自己的TextInput实现来响应本机。
我正试图将焦点放在键盘上的下一个输入上，按下一个按钮，如下所示
但是，Shoutem/ui的实现并不公开我可以从引用中使用的TextInput的focus()方法。
如何将TextInput的focus方法公开为外部类中的属性？
import React, { Component } from 'react';
import { TextInput as RNTextInput } from 'react-native';
import { connectStyle } fr
浏览 0提问于2017-01-14得票数 0
回答已采纳
如何通过单击按钮在React Native中添加文本输入？例如，我会按下"+“按钮，它会在视图的底部添加一个文本输入。
编辑:这是我的代码(删除了所有不相关的东西)。因为某些原因不能工作。单击该按钮不会执行任何操作。
import React, { Component, PropTypes } from 'react';
import { StyleSheet,NavigatorIOS, Text, TextInput, View, Button,
TouchableHighlight, TouchableOpacity, S
浏览 0提问于2017-07-31得票数 1
我在react-native中有项目，它是ok的，我的问题是当我尝试导入另一个组件时它失败了，但是当在index.android.js导入它时它ok为什么?？
index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
TextInput,
TouchableOpacity,
ToastAndroid,
ListView,
Navigator,
} from 'react-nat
浏览 0提问于2016-11-28得票数 1
我正在试着用React Native做一个简单的问答测验。也就是说，我希望将问题和答案都存储在一个对象中。 目前，我遇到了以下代码方面的问题： import React, { useState, useEffect } from 'react'
import {
StyleSheet,
Button,
View,
Text,
TextInput,
TouchableOpacity
} from 'react-native' const Test = () => {
const[card, setValu
浏览 19提问于2021-07-07得票数 0
1回答
我使用以下命令创建我的项目：
“创建-反应-本机应用程序AwesomeProject”
"cd AwesomeProject“
"npm启动“
当我在项目中使用"npm install --save react-navigation“命令进行react导航时，它会创建一个" react-navigation”文件夹，但当我启动项目“npm start”并运行ios模拟器时，它无法启动，并出现错误"Failed building JavaScript bundle".I want to go LogingForm.js to Status.js
L
浏览 2提问于2018-01-02得票数 0
我正在尝试用react native创建一个信使，但我有一个问题似乎无法解决。到目前为止，我将send按钮( React Native Elements中的一个按钮组件)放在与该按钮视图相同的输入旁边，如下所示：
在这里，按钮被正确地放置在输入的旁边。但是，每当输入和视图由于键入多行而增长时，按钮就会随它们一起向上移动：
当输入只有一行时，如何始终保持按钮的位置不变？
下面是我的代码：
<KeyboardAvoidingView style={styles.container}
behavior="padding"
keyboardVerticalO
浏览 6提问于2018-08-18得票数 1
从‘React’导入react；从‘react-native’导入{ TextInput，KeyboardAvoidingView，StyleSheet }；
从‘../constants/ Colors’导入颜色；
const QaTextInput = ({ minWidth，maxWidth，placeholder }) => { const input ={ height: 35，minWidth: minWidth，maxWidth: maxWidth，borderWidth: 1，borderColor: Colors.input，backgroundColor: Color
浏览 18提问于2020-02-12得票数 0
***package.json***
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
浏览 3提问于2020-06-17得票数 0
我正在使用expo开发一个react原生应用程序。 在我的signIn屏幕上，我有两个TextInputs (带有textContentType用户名和密码)。我确实有多个地方在调用Keyboard.dismiss() (从包装触摸屏，从其他按钮等)。这对大多数用例都很好。 我的问题是，在我成功地在iOS上使用密码自动填充(通过指纹)后，键盘首先会自动隐藏和重新显示(触发所有常见的键盘事件)，这看起来很奇怪，但这是可以接受的，但之后键盘不再对任何Keyboard.dismiss()调用做出反应，直到我聚焦另一个TextInput。 “使用强密码”键盘覆盖似乎也有类似的问题。 以下是我的版本：
浏览 61提问于2020-01-16得票数 2
回答已采纳
1回答
我正在尝试从登录屏幕导航到Tabs屏幕，但是我得到了以下错误
未定义不是对象(计算'this.props.navigation.navigate')
下面是我的Login.js
import React, {Component} from 'react';
import {Text, View, StyleSheet, ImageBackground, Image, TextInput} from 'react-native';
import { Button } from 'react-native-elements'
浏览 1提问于2018-01-08得票数 0
我很难正确地扩展react-native-paper组件。我做错了什么或者怎么做正确？事实上，我对打字本并不完全陌生，但我一直在为这个问题而奋斗：
// TextInput.tsx
import React from "react";
import { TextInput as PaperTextInput } from "react-native-paper";
import { TextInputProps } from "react-native-paper/lib/typescript/src/components/TextInput/TextI
浏览 9提问于2020-06-23得票数 2
//APP.js文件**/
import { StatusBar } from 'expo-status-bar';
import {StyleSheet, Text, View, Button, TextInput, ScrollView, FlatList} from 'react-native';
import {useState} from "react";
import GoalItem from "./components/GoalItem";
// import GoalItem from "./compon
浏览 12提问于2022-07-22得票数 0
回答已采纳
如果我在代码中随机转换为荷兰语，我很抱歉，因为这是我的第一语言。
app.js：
import { StatusBar } from 'expo-status-bar';
import 'react-native-gesture-handler';
import React from 'react';
import { StyleSheet, Text, View,TextInput,TouchableOpacity, Button } from 'react-native';
import { Picker } from
浏览 4提问于2021-03-06得票数 0
回答已采纳
我正在尝试用React Native with Native Base开发一个应用程序。我想像这样来实现空白问题的填写。
所以我尝试在Native Base的Text组件中使用React Native的Textinput组件或Native Base的Input组件，如下所示。但它在Android上不能很好地工作。(呈现的句子中没有输入部分。)
如何使用Textinput或在文本中输入？
<View>
<Text>
<TextInput width={40}></TextInput>
<Text>is a
浏览 1提问于2018-01-25得票数 0
我有一个TextBox组件，它在我的中呈现一个输入框。它使用反应-原生纸：
import * as React from 'react';
import {View} from 'react-native';
import {TextInput} from 'react-native-paper';
const TextBox = () => {
const [text, setText] = React.useState('');
return (
<View>
<TextI
浏览 9提问于2022-04-20得票数 3
1回答
我正在尝试在原生react中实现MultiSelect。我从这个链接引用了“”。但不幸的是，我无法在显示“No item to display”的下拉列表中查看名称。
图片：
对于要在下拉列表中显示的名称，从项目prop中获取数据，该项目应该是javascript对象数组的形式。请帮我解决这个问题。
import React, {Component} from 'react';
import { SectionList, Image, StyleSheet, Text, View, ScrollView, ListView,
AsyncStorage, Button
浏览 2提问于2017-10-09得票数 0
我得到下面的错误，当我试图导航到不同的屏幕从主屏幕。我在路由中定义了初始加载屏幕。从最初的屏幕尝试导航到不同的屏幕，然后得到下面的错误。
this.props仅返回{}。不太清楚为什么。
login.component.js
import React, {Component} from 'react';
import {NavigationActions} from 'react-navigation';
import {
Platform,
StyleSheet,
Text,
View,
TextInput,
Toucha
浏览 1提问于2018-04-22得票数 0
我刚接触react native，我正在尝试使用TouchableOpacity onPress来导航到SignUp屏幕:然而，TypeError: undefined不是一个对象(计算'navigation.navigate') 下面是我的代码： import React from 'react';
import { Text, StyleSheet, TextInput, TouchableOpacity, KeyboardAvoidingView } from 'react-native';
function Regform ({nav
浏览 10提问于2020-05-03得票数 0
我试图通过在输入字符串后检查TextInput的值来测试它，但它不起作用。任何帮助都将不胜感激。
下面是代码：
import React from 'react'
import { TextInput } from 'react-native'
import { fireEvent, render } from "@testing-library/react-native"
test('<TextInput/>, () => {
const { getByTestId } = render( <TextInp
浏览 4提问于2022-04-23得票数 3
import React, { Component } from 'react';
import {
View,
TextInput,
} from 'react-native';
import Icons from 'react-native-vector-icons/FontAwesome';
class EmployeeFrom extends Component {
render() {
return (
<View>
<View>
<Ico
浏览 0提问于2018-09-15得票数 4
我正在尝试将存储在子组件的useState钩子中的状态传递给父组件，即app.js我已经创建了onPress事件，以将状态传递给我从应用程序js传递的属性，当我按下函数根本不起作用时，这是代码
import React, { useState } from 'react';
import { Text, View, StyleSheet } from 'react-native';
import Constants from 'expo-constants';
import { TextInput } from 'react-native
浏览 0提问于2021-02-10得票数 2
我正在学习react-native编程，我的下面的程序工作良好，如果我删除按钮，当我添加按钮时，它会给出一个错误。
import React from 'react';
import {
registerComponent,
} from 'react-native-playground';
import {
StatusBar,
StyleSheet,
Text,
View,
TextInput,
Alert,
Button
} from 'react-native';
class TextInputDemo
浏览 1提问于2016-12-14得票数 0
下面是我的App.js代码：
import { StatusBar } from 'expo-status-bar';
import 'react-native-gesture-handler';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Home from './Root/Home'
import Profile from './Root/Profile'
im
浏览 1提问于2020-12-03得票数 1
我定义了属性_navigateToRegister，但当我按下按钮时，什么也没有发生。我还有这个错误警告:警告:失败的道具类型道具"onPress“在”按钮“中被标记为”required“，但它的值是"undefined”错误在哪里？
app.js
import React, { Component } from 'react';
import {
AppRegistry
} from 'react-native';
import {
StackNavigator,
} from 'react-navigation';
impor
浏览 1提问于2018-06-14得票数 0
我正在做一个高中项目，需要从第二个屏幕获得输入，并使用react本地语言在我的第一个屏幕上显示它们。每当我尝试从屏幕2到屏幕1的值时，它只会给我一个空白和一个钩子错误。我在它们自己的.js文件中为每个值全局声明了值
屏幕2
import React, { useState } from "react";
import { TextInput, View, Text, Button } from "react-native";
import ModalDropdown from 'react-native-modal-dropdown';
impo
浏览 3提问于2022-10-31得票数 1
我只是在<TextInput/>组件中尝试简单的<TextInput/>。它的工作方式与预期一样，但类型记录不断抱怨该属性不存在。
代码直接来自官方文档。
import React, { Component } from 'react';
import { TextInput } from 'react-native';
export default function UselessTextInput() {
const [value, onChangeText] = React.useState('Useless Plac
浏览 2提问于2020-05-23得票数 2
回答已采纳
我试图使用引用从TextInput获取一个值，但总是打印未定义的值。我不知道为什么会这样。 <TextInput
ref={value =>this._passwordRef = value }
style={styles.inputTextStyle} placeholder='Enter password here'>
</TextInput>
<TouchableOpacity onPress={(view)=>{this.onSubmit()}} style={{height:50,borde
浏览 21提问于2020-10-11得票数 0
我正尝试在react-native(安卓)中渲染一个文本输入，在它下面有一条线，这是从borderBottomWidth属性put中得到的，当我输入的时候，出现了两行，看起来不太好，无法删除它，我尝试使用underlineColorAndroid='transparent'，但没有起作用
import * as React from 'react';
import { Text, View, StyleSheet,TextInput } from 'react-native';
import Constants from 'expo-co
浏览 0提问于2019-09-01得票数 2
2回答
我正在尝试创建一个文本输入元素，但是即使我从入门页面复制了代码，它仍然会抛出错误，说“无法找到变量: TextInput”。
代码：
/**
* Sample React Native App
* https://github.com/facebook/react-native
*/
'use strict';
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
} = React;
var AwesomeProject = Re
浏览 3提问于2015-07-02得票数 8
回答已采纳
我正在制作一个上传产品以供销售。我制作了一个组件，用于从用户接收输入号码(单位或价格)，在主页中需要计算总价:单位*价格。然而，我被塞在这里..。我不知道如何才能从组件中得到值。
我已经附上了我的密码。你能看一下吗？太感谢你了！
用于放置数字的组件
import React from 'react';
import { StyleSheet, View } from 'react-native'
import { TextInput } from 'react-native-gesture-handler';
import colors from
浏览 3提问于2021-04-09得票数 0
回答已采纳
1回答
初学者在这里提出问题，不确定具体会考虑什么，但我正在尝试创建一个表单，用户可以在按下按钮时添加和删除输入行。当按下“添加”或“删除”按钮时，需要更改什么来呈现新组件或删除组件？现在，Add和Remove按钮适当地更改了textInput数组，但实际上并没有添加或删除组件。
以下是我的当前代码：
FormScreen.js
import React from 'react';
import { View, StyleSheet, ScrollView } from 'react-native';
import { Button, Caption } from &#
浏览 1提问于2022-01-13得票数 0
回答已采纳
我从反应本土化开始，我发现下一个错误，我有点迷失方向。
我从App.js导入组件Home.js，但是我得到了以下错误：
### ERROR #################
警告: React.createElement: type无效--需要字符串(用于内置组件)或类/函数(用于复合组件)，但获得：%s.%s%s %s，未定义，您可能忘记从定义在其中的文件导出组件，或者您可能混淆了默认导入和命名导入。
#### App.js #############
import React, { Component } from 'react';
import { StyleSheet
浏览 1提问于2020-01-03得票数 1
回答已采纳
1回答
我有一个带有expo client的react本机应用程序，并给出了一个太多的重新呈现错误，我将发布这些文件，注意我使用react-native-paper.。
这是App.js，它是应用程序的包装器。
import React from "react";
import { Provider as PaperProvider, DefaultTheme } from "react-native-paper";
import { StatusBar } from "expo-status-bar";
import Homescreen from &
浏览 1提问于2020-09-30得票数 0
回答已采纳
我想在不显示视图的情况下从登录屏幕导航到主屏幕。我正在尝试做的是，如果从闪屏，如果它从异步存储中获得用户名，则转到登录页面...wherein登录页面，如果用户名与登录屏幕中的POST方法匹配，则直接登录，如果不匹配，则显示登录屏幕视图，这是我的代码 import React ,{useState} from 'react';
import {
View,
Text,
TouchableOpacity,
TextInput,
Platform,
StyleSheet ,
StatusBar,
Aler
浏览 32提问于2021-04-20得票数 0
我正面临着Android发布版本的奇怪跟踪：
com.facebook.react.common.JavascriptException: TypeError: undefined is not a function (evaluating 'i(e)')
This error is located at:
in TextInput
in Unknown
in RCTView
in r
in RCTView
in a
in Connect(a)
in n
in s
in RCTView
in RCTView
in t, stack:
ref@367:381
commitAtt
浏览 20提问于2018-03-06得票数 0
回答已采纳
This is my InputItems.js
import React, { useState } from "react";
import { Text, View, StyleSheet, TextInput, Button } from "react-native-web";
function InputItems(props) {
const [inputGoal, setinputGoal] = useState("");
return (
浏览 4提问于2022-02-08得票数 1
我正面临一些问题，与反应本机textInput。
在我添加TextInput之前，createBottomTabNavigation工作得很好。它在IOS上运行得很好，但Android系统就不行了。我创建了一个示例组件，并且问题仍然存在。这里的问题是：
当TextInput字段在SamplePage组件上被点击时，页面就会闪烁，键盘后退。
下面是我真正的android设备上问题的图片：
这是我的密码：
import React from 'react';
import 'react-native-gesture-handler';
import {
浏览 1提问于2020-07-03得票数 8
2回答
我是新的反应原生，我想创建一个表单。我使用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
回答已采纳
我试图持久化用户的登录信息在AsyncStorage (反应本地)，以便他们不必登录时，他们再次启动应用程序。我已经准备好了应该这样做的代码，但是当我稍后试图检索值时，它会显示{"_U": 0, "_V": 0, "_W": null, "_X": null}，它看起来像垃圾值。我在这里可能做错了什么？
我的代码(为清晰起见省略的样式)：
App.js
import React, { useEffect } from "react";
import AsyncStorage from "@react-nat
浏览 1提问于2020-09-26得票数 2
回答已采纳
我想知道我如何使用键盘与反应本机。
当我点击我的输入(在“发送”)，我没有一个键盘显示。
我试着使用"KeyboardAvoidingView“，但键盘没有显示。
ChatScreen.js
import React from 'react';
import { ScrollView, KeyboardAvoidingView, StyleSheet, Text, View } from 'react-native';
import MessageList from './MessageList';
import Mes
浏览 0提问于2019-08-06得票数 0
回答已采纳
如何在react native中更新文本输入值。我正在做笔记记录应用程序，其中我从异步存储中获得价值。我想要编辑我认为是默认值的那个注释值。我想使用textinput更新存储中的值。我的代码如下。请给出一个恰当的答案。谢谢。 import React, { useState } from 'react';
import { StyleSheet, Text, View,TextInput } from 'react-native';
import { FAB,IconButton } from 'react-native-paper';
imp
浏览 20提问于2020-09-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
