我想呈现一行文本,其中一些单词以不同的 colored颜色 突出显示.

理想情况下,我会使用带有react的span标记.

想知道我该如何对待react native?

推荐答案

可以通过使用嵌套的文本组件来实现这一点

<Text style={{color: 'blue'}}>
    I am blue
    <Text style={{color: 'red'}}>
        i am red
    </Text>
    and i am blue again
</Text>

下面是一份link美元的文件,可以更好地解释这一点

React-native相关问答推荐

react native 如何更新倒置平面列表的数组中的项目

在 ReactNative 中调用 RCTDeviceEventEmitter.emit 时出错

从 .apk 到 .aab 的本地构建版本react,如何将应用程序发送给客户端?

在 React Native 上为 android 创建自定义 UI 组件,如何向 JS 发送数据?

React Native:在 ScrollView contentContainerStyle 上设置 flex:1 会导致组件重叠

使用 React-Native 将 content:// URI 转换为 Android 的实际路径

错误:看起来您在另一个中嵌套了一个NavigationContainer

如何渲染多行文本组件,行间有白色间隙

React-native Xcode 构建失败 -> 'RCTAssert.h file not found'

如何在 React 中使用带有钩子的生命周期方法?

React Native 检测点击 View

当数据为空时,React-Native FlatList 呈现零状态

React Native + React (for web) 种子元素

是否需要使用 StyleSheet.create?

[React-Native][Jest]SyntaxError: Unexpected token import

在 webview 中检测touch 是 Apple Pencil 还是手指(react-native)

如何从 React-Native 中的另一个类调用函数?

React Native,更改 React Navigation 标题样式

如何将 React-Native 元素集成到 Android-Studio?

如何在 React-Native 中停止touch 事件传播