在React Native中查看换行文本标记抱怨文本字符串
在React Native中，可以使用Text组件来显示文本内容。如果需要在文本中添加换行标记，可以使用换行符"\n"来实现。
例如，如果要显示一个包含换行的文本字符串，可以这样写：
<Text>
第一行文本
{"\n"}
第二行文本
</Text>这样，文本将会显示为两行，第一行显示"第一行文本"，第二行显示"第二行文本"。
React Native中的Text组件还支持其他样式和属性，例如字体大小、颜色、对齐方式等。可以根据具体需求进行设置。
推荐的腾讯云相关产品：腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）
希望以上信息对您有帮助！
相关·内容
我想插入一个新行(如\r\n， )在React Native中的文本组件中。 如果我有： Hi~
this is a test message. 然后反应原生渲染 是否可以渲染文本以添加新行，如下所示： Hi~
this is a test message.
浏览 183提问于2015-09-09得票数 498
回答已采纳
我在一个package.json文件中看到了这个： "react-native-wheel-picker": "npm:@gregfrench/react-native-wheel-picker", 这与tarball、http或git dependency formats documented in the NPM docs不匹配。这看起来像是一个yarn约定，因为运行yarn可以在start脚本没有抱怨的情况下安装这个依赖项(否则它会抱怨warn Package react-native-wheel-picker has been ignored beca
浏览 15提问于2020-04-21得票数 0
1回答
我已经在我的项目中尝试了react-native-svg为SplashScreen页面加载svg图像。但Logo Image在文本之后显示速度较慢。文本本身和徽标是同一个svg文件 The Text Then the Image 这是我的代码 import React, {Component} from 'react';
import {StyleSheet, View} from 'react-native';
import {Logo} from '../../assets';
export default class Splash ex
浏览 22提问于2021-11-05得票数 0
运行代码时，会生成IOS电话的仿真器。应用程序启动，但会产生一个完整的黑屏。查看文本的唯一方法是更改文本的颜色。我的代码在底部。 import React from "react";
import { AppRegistry, Text } from "react-native";
const App = () => {
return <Text style={{ color: "red" }}>Some Text</Text>;
};
AppRegistry.registerComponent("a
浏览 48提问于2019-01-30得票数 0
回答已采纳
1回答
有没有人有一种发送文本消息的工作方法，可以支持从React Native项目附加本地图像？我目前使用的是react-native-communications ()，它似乎不支持任何附件，只支持文本。
在搜索支持附件的库时，我唯一能找到的是react-native-message-composer ()。但是，我按照安装说明进行了操作，正确地链接了它，并按照文档中提供的方式调用了这些函数，但什么也没有发生。它也只支持iOS。
所以我的问题是，有没有人知道如何从React Native应用程序中发送文本消息，同时支持iOS和安卓系统的图像附件？
浏览 2提问于2017-05-28得票数 5
我使用过react-native-webview来渲染超文本标记语言文本。但是文本在iOS中太小了，而在安卓中却很完美。
下面是几行代码：
import { WebView } from "react-native-webview";
render() {
<WebView
originWhitelist={['*']}
source={{ html: '<p>This is a static HTML source!</p>' }}
/>
}
附加截图：
浏览 4提问于2019-03-05得票数 22
回答已采纳
在中，我在homepage.html上呈现homepage.html并回发到HTML文本。
@app.route('/',methods = ['GET', 'POST'])
def result():
if request.method == 'POST':
userdata = request.form['Name']
return render_template("homepage.html", userdata= userdata)
在homepage
浏览 0提问于2018-08-18得票数 0
3回答
我有一个问题，我的按钮从NativeBase不显示他们的文字。我几乎使用了他们网站文档中的示例代码，但当我呈现它时，它显示了三个我可以触摸的按钮，但没有任何标题。有什么想法吗？请参考代码：
App.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MenuButton from './MenuButton';
export default class App extends React.Component {
浏览 23提问于2018-08-17得票数 1
回答已采纳
我正在使用Jest和react-native-testing-library测试我的组件。 在我的一个组件中，我有以下代码： const handleToggleFilters = () => {
LayoutAnimation.configureNext(LayoutAnimation.Presets.spring);
setPostFiltersActive(!postFiltersActive);
}; 但是，在测试我的组件时，我得到了以下错误 TypeError: require(...).configureNextLayoutAnimation is not
浏览 3提问于2020-01-24得票数 2
我有一个React Native应用程序，我在其中映射一个数组并将文本赋值给一个变量。但这会抛出显示“文本字符串必须在文本组件中呈现”的红色屏幕。下面是错误抛出的地方：
export default class index extends PureComponent {
render() {
const { payments } = this.props;
const filteredPaymentList = this.props.payments
const filteredPaymentList = payments.filter(item => {
浏览 0提问于2020-06-29得票数 0
我正在开发一个文本react-native组件来为我的应用程序制作一个标签。我希望能够将所有\n转换为实际的换行符，但如果我像这样转义\n，则可以在文本组件中显示它：\\n
我尝试了很多方法，但我似乎不能让它工作，包括替换，replaceAll，尝试转义配置当前的代码片段：
const textCustomSetter = (newValue, newComponent) => {
newComponent.properties.Text = newValue;
newComponent.properties.children = newValue.split('
浏览 1提问于2019-07-04得票数 2
所以我有一个React Native应用程序，它使用Native Base作为UI库和Typescript。 现在有了一个Accordion，它在展开后立即呈现第二个(嵌套的) Accordion。问题是TypeScript抱怨： A VirtualizedList contains a cell which itself contains more than one VirtualizedList of the same orientation as the parent list. You must pass a unique listKey prop to each sibling l
浏览 8提问于2020-03-30得票数 2
回答已采纳
1回答
流抱怨非类型导入
、、、
我正在着手一个使用获取用户全球定位系统位置的，但是Flow抱怨这个库是未输入的。库有类型记录类型，但似乎没有流类型，而VS代码在导入库时给出了这个错误。
从非类型模块导入使其成为any，是不安全的！你是想把// @flow加到react-native-geolocation-service的顶部吗？
我能否说服Flow停止对这个库的抱怨，或者我应该切换到类型记录？我对流没有任何特别的偏好，这正是react-native init为我设置的。
我用这个来创建项目：
npx react-native init WarmerWalker
然后我添加了这样的库：
npm install rea
浏览 2提问于2020-09-20得票数 1
我正在尝试这样做，如果复选框是真的，它应该用异步存储保存它，但无论我怎么尝试，我都不能让它工作，谷歌也没有给我任何东西。我也是异步存储的新手。 import React, { Component } from 'react';
import { CheckBox } from 'react-native-elements'
import AsyncStorage from '@react-native-community/async-storage';
import Fontisto from 'react-native-vector
浏览 35提问于2020-04-22得票数 0
1回答
我正在测试Home组件的视图，以响应Native0.68.2/jest29.0。简单的测试用例是从jest doc复制的：
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { render, cleanup, screen, fireEvent } from "@testing-library/react-native";
import App from '../App';
desc
浏览 10提问于2022-08-31得票数 2
回答已采纳
我在一个create-react-native-app中使用。
我像这样使用TabNavigator组件(iPhone SE)：
TabNavigator是深蓝色的条带，上面有“作业#1”、“聊天”、“文件”和“详细信息”。
我想自定义这些项目的文本。我想要非大写的文本(据我所知，使用React Native样式表是不可能实现的)，并对换行为两行的“Details”项应用修复。
我在TabNavigator上浏览了React Navigation API，但没有找到答案。
如何设置这些项目的样式？
浏览 8提问于2018-03-12得票数 12
我希望通过Regex从导入中获取npm包名，而不应该获得相对路径。
排除那些从./开始的匹配
我试过这个：
(?<=from ").+(?=")
输入：
import React, { useContext, useEffect } from "react";
import { View, Text, AsyncStorage, Button } from "react-native";
import { createStackNavigator } from `@react-navigation/stack`;
import HomeSc
浏览 2提问于2020-06-01得票数 2
回答已采纳
我正在使用react-native-mapbox-gl在我的react应用程序中显示地图，在页面加载时，它应该像google地图一样显示用户的位置，但它无法显示，而是显示地图的其他一些区域。
有人能帮帮忙吗？
提前谢谢。
以下是代码片段
import { StyleSheet, View } from "react-native";
import MapboxGL from "@react-native-mapbox-gl/maps";
MapboxGL.setAccessToken("<YOUR_ACCESSTOKEN>");
浏览 27提问于2020-03-02得票数 1
7回答
我正在为一个项目使用TextInput，并想禁用任何类型的文本选择或操作，如下面的屏幕截图中共享的(剪切/复制/粘贴/共享)。
我在react-native官方文档中找不到任何东西。
浏览 4提问于2017-03-19得票数 50
我的应用程序以前运行良好，没有生成或运行时错误。然后，我将react-native-agora从^2.9.1更新到^3.0.1-rc.4。有个坠机的问题被
pod installreact-native start --reset-cache
我现在的问题是，应用程序卡在启动屏幕上，并在iOS RNv0.61.5上给出了这个错误：
Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication)
到目前为止，我已经尝试过：
在模拟器和coderemoving文
浏览 0提问于2020-08-12得票数 2
回答已采纳
1回答
上标React-原生文本
、、、、
在我的React-Native应用程序中，我想在文本中添加上标(指数)。
例如,
我有这样的文本:这是一个名为test^123的新产品。这个产品可以做..。
所以在这个例子中^123是上标(指数)
我尝试了很多方法，但我不能解决这个问题，因为每次文本都是从另一行开始的。
有谁知道怎么解决这个问题吗？
谢谢!
浏览 6提问于2017-08-22得票数 1
回答已采纳
1回答
包装问题的IE6浮点元素еm
、、、、
我试图通过让标签浮动到下一行来换行。在firefox中，文本将换行到下一行的开头，而IE6会将文本换行到标签文本开头的正下方。因此，例如，如果a标记位于行的一半，它将换行到下一行，而不是换行到开头。
有没有人知道如何让包装从行首开始？
浏览 1提问于2009-11-21得票数 0
6回答
我想我在某个时候升级了节点，现在当我尝试用npm start运行包程序时，它在抱怨：
$ npm start
react-native start
Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli
节点5.1.0、npm 3.3.12和反应-本机0.15.0
浏览 3提问于2015-11-25得票数 14
回答已采纳
我有一个多行React-Native text组件，它的宽度应该自动调整为最长文本行的宽度。这在iOS上有效，但在安卓上不起作用，我不知道为什么。 有关演示，请参阅this expo snack。在iOS上，它看起来像这样： ? 在Android上，它看起来是这样的： ? 上面的演示只是从完整的应用程序中摘录出来的。我需要保留flexDirection: 'row'，因为在完整的应用程序中，我需要在此文本框的右侧显示其他项目。
浏览 86提问于2020-08-13得票数 2
1回答
在react native中，我们有textAlign属性，可以选择"justify“(最后一行将遵循默认的文本方向)或" center”(文本居中，但行没有对齐)。我想知道是否有一种方法可以将这两行合并在一起(即，将文本居中，并使行均匀地开始和结束)？
编辑:这是从“React”导入react的代码；从“react-native”导入{ StyleSheet，Text，View，ScrollView，StatusBar }；
export default function App() {
return (
<View style={styles.backgroun
浏览 1提问于2021-02-04得票数 0
1回答
react-native: 0.53.3
react-native-maps@0.20.1
我正在尝试使用，并不断地得到这个错误。这是一个新的项目：
react-native init maps
cd maps/
npm install --save react-native-maps
react-native run-ios
在App.js中，我添加了以下内容：
...
import MapView from 'react-native-maps';
export default class App extends Component<Props> {
re
浏览 1提问于2018-02-21得票数 1
1回答
响应本机json解析
、、、
是否可以在使用WordPress依赖项从react-native-html-view博客获取数据的同时删除/忽略本机应用程序中的功能图像？
我在用：
"native-base": "^2.3.0",
"react": "16.0.0-alpha.12",
"react-native": "^0.46.4",
"react-native-fit-image": "^1.5.2",
"react-native-htmlvi
浏览 5提问于2017-08-17得票数 0
回答已采纳
1回答
我使用气泡图。问题是，当我将文本写入并使用\n或for换行符时，它会显示一个错误。 import React from 'react';
import { BubbleChart,key,data } from 'reaviz';
export default function Bubble1() {
const longData = [
{ key: '48% \n expect 100 bps', data: 800,},
{ key: '14% \n expect 75 bps', data: 250
浏览 13提问于2021-11-20得票数 0
1回答
我有一个包含问题和答案的数组。我有一个组件，它将导入数组，然后输出内容。
但是，我现在需要添加特定的样式。在我看来，应该可以将内联样式添加为字符串文本，但这是行不通的：
questionList.js
import React from "react";
import { Text } from "react-native";
export const questions = [
{
question: `This is regular text: ${(
<Text style={{ fontWeight: "bold&
浏览 0提问于2018-12-12得票数 0
回答已采纳
我是在react原生中新开发的。
首先，我使用npx react-native init hello_world --template react-native-template-typescript创建基本代码，然后将app.tsx替换为以下代码：
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';
const App = () => {
return (
<View style={styles.helloWorldContai
浏览 1提问于2021-08-26得票数 6
我的代码是这样的--
import React from 'react';
import {View,Text,Alert,StyleSheet} from 'react-native';
const data = ['All','Electronics','Baby and Child','Property'];
const styles=StyleSheet.create({
itemStyles: {
color: "#F456A3",
浏览 1提问于2018-01-24得票数 0
回答已采纳
我正在尝试编写文本组件，以便在整个react本机应用程序中使用
如下所示
import React from 'react';
import { Text, TextProperties, StyleSheet } from 'react-native';
import Colors from '../Colors';
export default (props: TextProperties) => <Text style={styles.text} {...props} />
const styles = StyleSh
浏览 4提问于2018-02-25得票数 2
我是React Native的新手(但在react方面很有经验)，我的react native应用程序有一些问题，希望能得到一些帮助。 我试图实现的是，我希望能够选择并突出显示文本中的一个单词，然后将该值存储在一个变量中。 在原生javascript中，检索单词类似于"window.getSelection()"，但在这种情况下显然不起作用。目前，我只找到了使用TextInput的解决方案，但我希望文本是静态的。 有谁有任何建议如何解决这个问题？ 提前谢谢你
浏览 4提问于2019-06-08得票数 4
回答已采纳
在HTML/CSS中，如果您希望绝对定位的元素比其父元素扩展得更宽，以便在一行中容纳其所有文本，则可以使用空白: no-wrap
.parent {
position: relative;
width: 100px;
}
// text content of this node is wider than 100px
.child {
position: absolute;
white-space: nowrap;
}
子元素的宽度将增长到足以在一行中容纳所有文本。在React Native中，没有一种方法可以使用Text组件做到这一点。您必须指定一个固定的数字宽度，否则文本组
浏览 0提问于2017-10-12得票数 9
我有和Excel表的数据，在单元格中有断行符。所以，例如，文本
The quick brown fox
jumped over the lazy dog
会出现在一个单元格中--为了简单起见，让我们说"A1“。
我用下面的代码使用Aspose将它拖到一个string变量中
var book = new Workbook("MyPath.xls");
var cells = book.Worksheets[0].Cells;
object value1 = cells["A1"].Value;
string value2 = cells["A1&
浏览 1提问于2013-09-12得票数 1
回答已采纳
在一个反应本机应用程序中，我有这样的风格。
const styles = StyleSheet.create({
text: {
textAlign: "center"
},
})
在<Text style={styles.text} />中使用，但tsc编译器会出现以下错误：
Types of property 'textAlign' are incompatible.
Type 'string' is not assignable to type '"center" | &#
浏览 8提问于2017-03-30得票数 6
回答已采纳
我是新来的反应本机和javascript。在应用程序中，我创建了一个屏幕，供用户发送电子邮件给我他们的想法。邮件正文中的所有文本并排站在一起。但我想让他们一个接一个。我怎样才能提供这个？这是我收到的电子邮件：
我想要这样：
我的代码：
import React, { useCallback, useState } from "react"
import { StyleSheet, View, Text, TextInput, Linking } from "react-native"
import DeviceInfo from '
浏览 0提问于2021-10-04得票数 0
回答已采纳
1回答
我希望将一个简单的组件导入到.js文件中并将其呈现出来。当我导航到StatusScreen页面时，我希望看到文本：‘I a Card'，但是，我得到了错误消息：
文本字符串必须在文本组件中呈现。
我从视频教程中复制了大部分代码，并且不确定为什么导入组件后无法呈现组件。
testcard.jsx
import React from "react";
import { StyleSheet, Text, View, Dimensions,Image,ImageBackground,Pressable} from 'react-native';
impor
浏览 10提问于2021-12-11得票数 0
回答已采纳
1回答
我正在尝试填充封装在TinyMCE文本编辑器中的textarea。问题是，当我得到一个包含\n的字符串时，因为文本只显示在一行中。我在init函数中尝试了很多参数，但都不起作用。下面是我的javascript：
tinymce.init({
selector: 'textarea',
apply_source_formatting : true,
remove_linebreaks : false,
height: 500,
width: 800,
浏览 6提问于2017-09-11得票数 0
2回答
当我在一个文件夹中运行react-native init project时，我无法运行该项目(我得到错误打印: Entry，":CFBundleIdentifier"，不存在)。然而，在我的桌面文件夹中，当我做完全相同的事情(react-native init project然后react-native run-ios)时，我完全没有错误。
为什么会发生这种事？
浏览 4提问于2017-07-27得票数 7
回答已采纳
进口
import styled, {ThemeProvider} from 'styled-components/native';
套餐
@types/styled-components-react-native
tsconfig.json
// prettier-ignore
{
"extends": "@tsconfig/react-native/tsconfig.json", /* Recommended React Native TSConfig base */
"compilerOptions": {
浏览 10提问于2022-08-06得票数 0
我正在尝试在react-native中做一个虚拟终端，它可以根据屏幕上显示的输入.Then输出一些文本，我不知道我的返回做错了什么，到目前为止，我成功地获得了输入文本值并呈现了它，但无法输出所需的文本 import React,{useState, Component,} from 'react';
import { Text, View,StyleSheet,TextInput, TouchableNativeFeedbackBase,} from 'react-native';
import Header from './components
浏览 10提问于2020-06-14得票数 1
在React-Native中，如何将borderRadius设置为文本组件？
我试过在文本样式表中使用borderRadius，但不起作用：
import { formatPhone, mapNameWithLocalContact } from '@chat/common/Utils/ChatUtils';
import ChatFunctions from '@chat/service/ChatFunctions';
import { Colors, Text } from '@momo-platform/component-kits';
i
浏览 0提问于2021-10-21得票数 0
2回答
我的react原生应用程序中有一个包含多个输入和多个类型的表单。其中两个是密码。在模拟器中，当我在填写输入时，单击密码输入后，它将变为黄色并禁用自身。请注意，有时它不会发生它的react本地expo应用程序和输入来自react- native -element
浏览 13提问于2021-01-08得票数 2
回答已采纳
我使用react-原生地图在我的页面中显示Mapview，不幸的是，它在Iphone中工作，但在android中没有显示Mapview，它只显示了徽标，是的，我遵循了文档中提到的所有配置步骤。
使用以下方法安装react原生映射：
npm安装反应-本机-映射-保存
链接地图：
反应.本机链接反应.本机映射
在android/settings.gradle中检查react原生映射项目：
包括‘：react本机-映射’项目(‘：react-本机-映射’).projectDir=新文件(rootProject.projectDir，rootProject.projectDir
在an
浏览 1提问于2019-02-27得票数 0
我有一个react原生屏幕，其中默认情况下添加了2个文本输入，而仅在按下按钮时添加了2个文本输入。
我可以添加文本到前2个文本输入，但其他2个不接受文本，他们只接受文本时，“添加另一辆车”按钮再次被按下。
我遗漏了什么？为什么当我添加文本时视图没有重新呈现。
CarReg.js
'use strict';
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View,
TextInput
} from 'react-native';
var Bu
浏览 0提问于2016-06-02得票数 1
我在我的反应性项目中通过包安装了一个tinymce编辑器。
"@tinymce/tinymce-react": "^3.12.6".
当在wysiwyg编辑器中编辑时，我试图保留来自外部源(excel文件)的数据的空白分行符，但我无法这样做。我试过force_br_newlines和convert_newlines_to_brs等选项，但似乎对没有帮助
场景详细说明：
我有一个excel文件，它有多行文本，可以导入到应用程序中。多行文本保存在数据库中，当我将多行文本记录到控制台时，我会得到多行显示的文本。(控制台不输出新行字符行\n、\r等，只有空白行中断，如
浏览 10提问于2022-03-04得票数 2
回答已采纳
2回答
Printf打印不必要的换行符
、、、、
==摘要==
我想打印一些东西，并以某种方式自动在文本中添加"\n“。这似乎取决于输出的长度，因为当我更改文本以在这里张贴时，位置发生了变化。但它没有在特定的字母或特定的位置添加新行(除非我不更改文本，那么它就保持在相同的位置)。
实例-产出：
文本“字符串”文本second_string
文本"XYZ“。
==相关代码==
所涉印刷品：
printf("\ntext \"%s\" text \"%s\" text \"XYZ\".", string, second_string);
在等待enter键之前
浏览 2提问于2014-01-30得票数 0
回答已采纳
为什么地图可以在我的React Native应用程序中工作，但我的标记不能工作？React原生方法和原生方法有区别吗？
浏览 22提问于2020-08-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
