ReactNative如果内容很长，则TextInput将为白色
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发人员使用JavaScript和React编写一次代码，然后可以在iOS和Android等多个平台上运行。
React Native的主要特点包括：
- 跨平台开发：React Native允许开发人员使用相同的代码库构建iOS和Android应用程序，减少了开发和维护的工作量。
- 原生性能：React Native应用程序使用原生组件，可以获得接近原生应用程序的性能和用户体验。
- 热更新：React Native支持热更新，可以在不重新编译应用程序的情况下实时更新代码和界面。
- 组件化开发：React Native使用组件化开发模式，开发人员可以将应用程序拆分为多个可重用的组件，提高代码的可维护性和复用性。
- 生态系统丰富：React Native拥有庞大的开发者社区和丰富的第三方库，可以快速集成各种功能和服务。
React Native适用于以下场景：
- 跨平台应用程序：如果需要同时在iOS和Android上发布应用程序，React Native是一个理想的选择。
- 快速原型开发：React Native的热更新和组件化开发特性使其成为快速原型开发的利器。
- 移动应用程序重构：如果已经有一个基于React的Web应用程序，可以使用React Native将其迁移到移动平台。
腾讯云提供了一系列与React Native相关的产品和服务，包括：
- 云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行React Native应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，用于存储React Native应用程序的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储React Native应用程序的静态资源。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理React Native应用程序的后端逻辑。
- 云监控（Cloud Monitor）：提供实时监控和告警服务，用于监控React Native应用程序的性能和可用性。
更多关于腾讯云相关产品和服务的介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有6个文本输入字段，当我单击任何文本输入字段时，首先文本输入字段关闭，然后再次单击相同的输入字段才能再次打开它。
有没有办法不使用returnKeyType="next"就切换到下一个输入字段，这样当我切换到任何输入字段时，键盘就会保持打开状态。
以下是我的文本输入字段代码：
<View style={styles.inputContainer}>
<TextInput
ref='fname'
autoCorrect={false}
浏览 5提问于2016-12-12得票数 4
回答已采纳
2回答
反应本机不识别useState钩
、、、、
呈现错误：(0，_reactNative.usestate)不是函数。(在'(0，_reactNative.useState)('')，‘(0，_reactNative.useState)’中未定义
这是我的代码正在产生的错误。所有的进口都是最新的。不知道为什么它不承认useState。
import React from 'react';
import { View, StyleSheet,TextInput,useEffect,useState } from 'react-native';
import db from 'D:
浏览 1提问于2022-07-11得票数 0
回答已采纳
3回答
我正在开发一个ReactNative应用程序，我有下面的代码，它呈现一个TextInput和一个按钮，它向我的API提交请求。使用我的Android模拟器，我可以先用鼠标选择文本输入，然后在键盘上键入输入，从而将输入输入到文本字段中。我可以点击“连接”按钮，所有的工作，如预期。当我在亚马逊火棒上安装这个应用程序时，TextInput不再是可选择的了。我可以选择“连接”按钮，并可以看到用户界面反射按钮点击按钮，但TextInput不会聚焦或启动屏幕上的键盘。通过在autoFocus={true}上设置<TextInput />，我能够让键盘获得焦点，但这导致的用户体验不太理想。我怎么
浏览 5提问于2021-06-13得票数 3
回答已采纳
这似乎是一件如此简单的事情，我不明白我怎么没有做到这一点，但是placeholderTextColor on a ReactNative TextInput并没有为我做任何事情。
<TextInput
style={styles.input}
placeholder="Foobar"
placeholderTextColor="#FFFFFF"/>
什么都不做..。
浏览 0提问于2015-04-15得票数 32
初学者对switch语句有疑问的原生反应。
在reactnative.dev网站上有一个带有警告消息的示例：
checkSwitch=(param)=>{
switch(param) {
case '1':
this.ONE();
break;
case '2':
this.TWO();
break;
case '3':
this.THREE();
break;
case &#
浏览 14提问于2021-02-28得票数 0
我正在用ReactNative创建一个聊天机器人ui，我如何实现一个带有按钮的内联文本输入？
<View>
<Textinput />
<Button>Press</Button>
</View>
浏览 0提问于2018-02-12得票数 5
<Input
ref={nameRef}
onSubmitEditing={() => emailRef.current.focus()}
returnKeyType={"next"}
/>
<Input
ref={emailRef}
/>
虽然尝试了getRef，但是得到了同样的错误。使用来自TextInput的ReactNative组件。
使用NativeBase版本3.3.7
浏览 9提问于2022-05-05得票数 0
2回答
我正在使用ReactNative，并且在传递参数时遇到了问题。怎样才能把计量器传给TextInput呢？错误是“必须在组件中呈现文本字符串”。
const [name, setName] = useState('')
return (
<View style = {styles.container}>
<Text>What is your name? </Text>
<TextInput
placeholder = 'Type something'
onChange
浏览 2提问于2020-12-17得票数 0
回答已采纳
我现在试着进入TS，并将它添加到我的Reactive原住民应用程序中。
假设我有这样一个组件：
interface Props {
name: string;
onChangeText: (args: { name: string; value: string }) => void;
style: ReactNative.TextStyle;
}
export class Input extends React.Component<Props, {}> {
static defaultProps = {
onChangeText: null,
浏览 0提问于2019-02-14得票数 0
回答已采纳
我正在尝试在kivy中创建一些主题。我的程序目前有4个类/屏幕。我已经能够改变所有屏幕的背景颜色，如果满足条件的话。我试着把所有文本输入的颜色都改成白色，它们都是黑色的。到目前为止，这是我的代码
Python：
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.screenmanager import ScreenManager, Screen
from kivy.clock import *
from kivy.core.window import Window
from kivy
浏览 22提问于2019-11-22得票数 1
回答已采纳
1回答
我有下面的脚本。我是运行在一个个人电脑上使用创建-反应-本机应用程序。控制台给我以下警告。我不知道该怎么对付他们。
以下是警告：
Warning: componentWillReceiveProps is deprecated and will be removed in the
next major version. Use static getDerivedStateFromProps instead.
Please update the following components: TouchableOpacity
Learn more about this warning here
浏览 0提问于2018-04-13得票数 2
回答已采纳
错误如下：
Objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store}). If you meant to render a collection of children, use an array instead.
throwOnInvalidObjectType
C:\reactnative\auth\node_modules\react-native\Libraries\Renderer\ReactNativeRe
浏览 1提问于2018-05-28得票数 0
如何在ios中修复此生成失败？我使用的是Xcode版本9.2 Mac OS塞拉利昂
RCTBaseTextInputView是什么？
/Users/bliss/Library/Developer/Xcode/DerivedData/RNJyotish-fjjxyvwbhqivjwbnwwqhmqzgfazq/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/React-RCTText.build/Objects-normal/x86_64/RCTBaseTextInputView.o /Users/bliss/Docume
浏览 3提问于2020-04-28得票数 0
我试图传递这个对象数组
options = [
{label:'React', value: 'react'},
{label:'ReactNative', value: 'react-native'},
{label:'JavaScript', value: 'js'},
{label:'CSS', value: 'css'}
];
到选择组件。
浏览 1提问于2022-01-20得票数 2
我在5页中有40个TextInput，需要更改输入文本颜色onfocus：‘白色’和onBlur:'gray‘我知道如何为多个输入设置单个input.But
<TextInput
clearTextOnFocus={true}
keyboardType="number-pad"
style={[this.state.isFocused?styles.inputOnFocus:styles.input]}
onChangeText={v=>handleInput('value',v)}
value={this.state.
浏览 14提问于2019-11-26得票数 1
回答已采纳
我正在做ReactNative移动应用程序。WebApp运行平稳，一切正常。但是当我把所有的东西都转移到移动部分时，当我在输入字段中输入文本时，我会遇到一个错误。我做错了什么我的错是什么？这是我的代码：
import React from 'react';
import { StyleSheet, TextInput, View } from 'react-native';
export default class App extends React.Component {
state={
message:"Hi {name}, yo
浏览 0提问于2018-10-07得票数 0
回答已采纳
我的react本机应用程序下面的代码需要显示一个简单的背景图像，我在下面的代码中使用它(我使用css和js)，当我运行该代码时，我得到以下错误，它告诉我没有定义宽度参数，尽管我是如何解决这个问题的？
错误宽度本机反应：
:19 in handleException
at node_modules/react-native/Libraries/Core/ReactFiberErrorDialog.js:43:2 in showErrorDialog
at node_modules/react-native/Libraries/ReactNative/renderAppli
浏览 8提问于2021-12-07得票数 0
1回答
在我的ReactNative主页中，我试图让一个带有多行TextInput的ScrollView填充最大可用高度，但没有成功。
下面是我的页面代码
import React, { Component } from 'react';
import { View, Text, TextInput, Button, ScrollView } from 'react-native';
class App extends Component {
render() {
const {
mainContainerStyle,
fileN
浏览 2提问于2017-03-20得票数 0
我在react-native上有一个应用程序，有两个主题:光和暗。当浅色的键盘出现在深色的主题中时，它看起来就不那么漂亮了。我需要根据我的应用程序主题来更改键盘的主题。在IOS上，可以使用TextInput https://reactnative.dev/docs/textinput.html#keyboardappearance中的keyboardAppearance(enum('default'，'light'，'dark'))属性进行设置。但它在Android上不起作用。有人知道做这件事的好方法吗？ ?
浏览 11提问于2020-04-27得票数 0
我对Picker风格有问题--它有像安卓上的TextInput一样的下划线，但underlineColorAndroid = 'transparent'或任何其他颜色都不起作用。
我使用的是NativeBase的Picker，这个Picker取代了ReactNative Picker。所以这是我的代码。我尝试过用Input(NativeBase)包装Item，或者用underlineColorAndroid属性包装TextInput，因为只有TextInput可以拥有这个属性，但没有成功。使用bottomBorderColor更改组件的样式也不会给出结果。有谁能帮帮我吗？
浏览 0提问于2017-10-04得票数 1
我在试着给这个github回购贴上白色标签。
这是RocketChat提供的白色标签指南。
此库用于反应本机。当我试图运行这个项目时，我正面临着这个问题。
由于此错误，项目正在失败构建过程。
> PhaseScriptExecution Upload\ source\ maps\ to\ Bugsnag
> /Users/macbook/Library/Developer/Xcode/DerivedData/RocketChatRN-adkttzebukwzincfwduuaihsdgwi/Build/Intermediates.noindex/RocketCh
浏览 21提问于2022-06-08得票数 1
在我的项目中，我集成了SWRevealViewController，在设置它时，我注意到我的一个视图控制器--由UINavigationController管理--有一个黑色状态栏，尽管视图控制器的背景色是白色的。如何将状态栏颜色更改为白色？(以编程方式或在接口生成器中)
浏览 5提问于2014-10-15得票数 1
回答已采纳
下面是我拥有的简单代码。
change(text) {
this.setState({text});
}
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome, what is your name?
</Text>
<TextInput
style={{height: 40, width: 200}}
onChangeTex
浏览 0提问于2017-10-11得票数 0
8回答
只在android上运行，并且只在模拟器中运行，如果我运行我的react本地应用程序，该应用程序不会启动并被卡在白色屏幕上。终端中的绑定器不接收任何连接请求。
它过去可以工作，当我使用相同的命令在设备上运行时，它也可以工作(react本机运行-android)。
我的反应是本土的0.57.8
下面是我从react获得的日志-本机日志-android：
02-26 17:12:21.527 6544 6544 D ReactNative: ReactInstanceManager.ctor()
02-26 17:12:21.606 6544 6544
浏览 0提问于2019-02-26得票数 3
回答已采纳
无法访问中的components文件夹。
我收到以下错误：
无法解析来自....../ReactNative/ReactNativeProject/components/App.js:的模块./Login，无法在其模块映射或......./ReactNative/ReactNativeProject/components/Login.j及其父目录下的任何node_modules目录中找到该模块。
我参考了以下链接：
index.ios.js (ReactNativeProject/index.ios.js)
"use strict";
import React, {
浏览 3提问于2016-09-22得票数 6
回答已采纳
在给定的示例中，如果用户按enter或达到每行特定的字符数，则TextInput将添加一个新行。在添加了一定数量的新行之后，TextInput将位于按钮后面，使新行不可见。我希望ScrollView自动滚动，以便TextInput的最后一行始终位于按钮上方。
from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.scrollview import ScrollView
from kivy.lang import Builder
from kivy.uix.textinput imp
浏览 0提问于2015-03-07得票数 2
只要我尝试在我的TextInput中输入一个值，移动设备上的键盘就会关闭，并且该值不会显示在TextField中。只要我使用useState钩子将输入保存到一个变量中，就会发生这种情况。 有没有办法消除这种行为？我在TypeScript中使用ReactNative const [login, setLogin] = useState("");
<TextInput style={styles.text} onChangeText={setLogin} /> 这些应该是相关的代码行 需要的行为显然是能够填写整个输入，而不是单个字符，并正确显示它 编辑:使用defa
浏览 61提问于2021-09-08得票数 0
我想检索用户名和密码的输入值和复选框状态。我在上找到了这个相关的问题。但是当尝试实现这个got错误时
‘'null’不是一个对象(计算'this.state.username')
谁能帮助我检索输入值和复选框状态，因为我是新的反应本机。
代码：
var CheckBox = require('react-native-checkbox');
var Button = require('react-native-button');
var reactnative = React.createClass({
render: fun
浏览 3提问于2015-12-22得票数 2
回答已采纳
这是一个Android问题。
在我的<TextInput> (ReactNative (在安卓系统中渲染EditText ))中，当用户输入"#“，然后他们使用Androids滑动模式自动补全一个单词时，它会在"#”和自动补全的单词之间添加一个空格。所以我所做的是，onChange文本，我替换了"#“和单词之间的空格，然而，当用户处于快速模式时，它真的把事情搞得一团糟。空格回来了，快速的自动补全弄乱了另一个单词。
当用户接受自动完成时，在react-native中有没有一种方法来监听？然后我想检查前两个字符是否是# (标签和空格)，如果是，那么只用# (不带
浏览 25提问于2018-03-03得票数 1
回答已采纳
我在我的应用程序的主页菜单中有一个TextInput，我已经更改了它的selectionColor，所以垂直条在我的配色方案中更明显。 <TextInput
//various settings
selectionColor={white}
//more settings
/> 随着应用程序的增长，我发现自己添加了越来越多的Textinput，每次我创建一个新的Textinput时，都要在每个Textinput中添加一行代码来将其选择颜色更改为白色，以便它们都匹配，这似乎是多余的。 我想知道有没有什么方法可以改变它，这样我就可以在每个文本输入中将selectionC
浏览 46提问于2018-02-22得票数 1
回答已采纳
我怎么发动汽车呢？我的代码是：
ListComponent.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
ListView,
TouchableHighlight
} from 'react-native';
class ListComponen
浏览 3提问于2016-08-01得票数 0
3回答
我正在用Reactive原住民构建一个应用程序。问题是，当通过手机的设置改变字体大小时，应用程序中的字体大小也会发生变化，尽管它们都设置了固定的字体大小。
例如，考虑以下字体大小为12的Text元素：
<Text style={{fontSize: 12}}>Hello World</Text>
我发现这个issue.So有一个名为issue.So的道具，我转到App.js并添加了下面的一行，用于禁用整个应用程序的字体缩放：
Text.defaultProps.allowFontScaling = false;
它工作得很完美。但是，对于TextInput元素，似乎没有
浏览 1提问于2017-11-16得票数 5
我有一个ProgressBar、Switch和TextInput，我需要能够为它们中的每一个指定不同的颜色。
当我这样做的时候，它会改变所有3个项目的颜色。
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorAccent">#e8c4c7</item>
</style>
我正在寻找一个命令，它只改变我想要的UI元素的颜色。类似于：
<style name="Ap
浏览 0提问于2015-11-08得票数 0
我正在使用一个代码片段从whatsapp到如果贴纸是白色的或没有。它总是返回false，而在日志中则显示正确的结果。
if (cursor != null && cursor.moveToFirst()) {
final int whiteListResult = cursor.getInt(cursor.getColumnIndexOrThrow(QUERY_RESULT_COLUMN_NAME));
Log.d("ReactNative","
浏览 7提问于2022-07-19得票数 -1
我有我的代码，我试图看到，它应该要求我的登录信息，然后当我点击提交它应该发布到一个php脚本，但当我运行这个脚本我什么也看不到，白色空白屏幕和没有errors...any的想法？此文件名为login.php html正文未显示...
<html>
<head>
<title>Authentication</title>
</head>
<body>
<form action='loginLDAP.php' method='post' name='Auth'>
浏览 0提问于2011-10-07得票数 0
回答已采纳
我刚刚开始在ReactNative上工作，我正在开发一个应用程序，该应用程序的头中只有一个带有Button的Button。我试图clear文本输入按钮点击，但它不起作用。当我安慰clear时，它正在变得没有定义。这是我的密码
import React, { Component } from 'react';
import { View, Text, Button, AlertIOS, TextInput, StyleSheet, Image, TouchableOpacity, KeyboardAvoidingView, Keyboard } from 'react-n
浏览 0提问于2018-03-16得票数 1
回答已采纳
1回答
在IOS上的ReactNative中，我如何在边框上像这样做模糊： ? 我试着用shadow来做： borderRadius: 7，paddingVertical: 10，paddingHorizontal: 14，shadowColor：‘黑色’，shadowOffset：{宽度: 0，高度:0 }，shadowRadius: 2，shadowOpacity: 0.2，backgroundColor：‘白色’ 但它不会有相同的结果
浏览 25提问于2020-12-28得票数 0
回答已采纳
正如你们所看到的，文字在结尾处被剪裁，我怎样才能改变那个小的白色方框大小，或者让我的文字显示‘输入一个邮政编码，街道或.’因为，如果案文较小，它就会把它切成三个点。
TouchablePlatform是一个用于连接TouchableOpacity和TouchableComponent的组件。
<View style={styles.subContainer1}>
<TouchablePlatform onPress={this._onBackIconPress}>
<Image
source={
浏览 1提问于2018-04-12得票数 0
回答已采纳
在从React Native 0.59.10升级到0.63.2时，我遵循了这个https://react-native-community.github.io/upgrade-helper/?from=0.59.10&to=0.63.2
现在我得到了下面的错误
ERROR TypeError: Object is not a constructor (evaluating 'new _reactNative.TextInput()')
ERROR Invariant Violation: Module AppRegistry is not a registe
浏览 0提问于2020-08-20得票数 1
1回答
这是我第一次尝试使用react本地语言--我遵循了一个示例教程，以了解我遵循的属性查找器示例中的代码和其他内容，同时实现了我面临的第一个导航示例：
undefined is not a function (evaluating 'this.props.renderScene(route,this)')
在我的android设备(三星J7)中，我用它来运行应用程序。
这是我的index.android.js
'use strict';
var React = require('react');
var ReactNative = require(&
浏览 2提问于2016-12-13得票数 0
回答已采纳
我只有一行TextInput，可以通过UI的其他部分进行更新。 我的问题是，有时文本可能会很长。在本例中，当我更新value时，TextInput会一直滚动到其内容的末尾。我需要TextInput保持与左侧挂钩时，它是更新。 有什么方法可以让我这样做吗？ Expo SDK 37，React Native 0.61，React 16.9
浏览 12提问于2020-06-25得票数 2
回答已采纳
我有一个自定义的TextInput组件，它接受两个样式表，然后追加任何内联样式，并将这些样式传递给TextInput style属性：
class WSTextInput extends React.Component<TextInputProps> {
render() {
return (
<TextInput
style={[styles.defaultText, styles.defaultTextInput, this.props.style] as StyleProp<TextStyle>}
{.
浏览 3提问于2019-12-30得票数 0
回答已采纳
我已经将我的TextInput的颜色设置为不同的颜色--如果你不点击TextInput，你会在TextInput上看到奇怪的阴影外观。顶部为黑灰色，底部为白色。你怎么摆脱它呢？我试过foreground_color，它不工作，甚至background_color -它也不工作。多么?
浏览 21提问于2021-09-06得票数 0
回答已采纳
1回答
我在Django中做了一个表单，我使用"form.is_valid“来获取所有的错误。除了密码的最小值外，一切都正常工作。我的表单有以下代码：
class RegisterationForm (forms.Form):
first_name = forms.CharField(initial ='' ,widget=forms.TextInput(attrs={'class' : 'form-control'}),max_length = 20)
last_name = forms.CharField(initial ='
浏览 0提问于2016-05-25得票数 0
回答已采纳
我使用react-native-element在我的应用程序中显示了车辆列表。这是我的代码。 import React, { Component } from 'react'
import { Text, View, FlatList, StyleSheet, TextInput, KeyboardAvoidingView } from 'react-native'
import { Card, ListItem, Button, Icon } from 'react-native-elements'
import { fb, database
浏览 11提问于2019-03-11得票数 1
回答已采纳
我正在学习react-native，我遇到了这个问题。我有一个listView.js类，其中包含一个ListView，我想在index.android.js中显示它，我得到的错误是
The development server returned response error code: 500
URL: http://10.0.2.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false
Body:
{"from":"D:\\ReactNative
浏览 0提问于2017-07-19得票数 1
当显示来自TextInput的值时，我遇到了问题，目前它显示的是字符串的最后一部分。也就是说，给定下面的字符串1 - This is a pretty long string，它将显示ong string而不是1 - This is。
我尝试过将selection作为一个支柱传递，但它并不像预期的那样工作。它只在输入再次聚焦时“容纳”字符串。
selection={{start:0, end:0}}
PS:我不想截断字符串，只要显示开始。
这是我的输入(这是来自NativeBase的输入，但它确实有与来自ReactNative的TextInput相同的支持)
<Input
浏览 3提问于2019-11-01得票数 0
3回答
我希望我的Tumblr网站的第一页有一个背景图像填充整个屏幕，但对于该页面only...the其他网页将有一个白色的背景。
请帮帮忙，我在这里已经有很长的time..no运气了！
浏览 6提问于2015-08-14得票数 0
回答已采纳
我是React-Native的新手，当我试图访问我的安卓应用程序时，我遇到了一个类似于Unfortunately the app has stopped的错误。这是我的逻辑猫：
11-26 21:37:47.795 4061 4061 D ReactNative: [CodePush] Loading JS bundle from "assets://index.android.bundle"
11-26 21:37:47.797 4061 4061 D ReactNative: ReactInstanceManager.ctor()
11-26 21:37:48.07
浏览 0提问于2018-11-27得票数 2
我正在制作一个反应本地应用程序，需要这样的东西：
当我单击某些输入时，TextInput的边框变为橙色，当单击其他textInput或其他屏幕时，它会像正常一样返回白色，但我不知道如何捕捉textInput的外部触摸，我们如何做到这一点？
浏览 4提问于2021-12-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
