在本机反应中找不到属性文本

Question

我想以编程方式在 Text 中显示图像和属性文本，但在阅读 React Native 文档后我找不到任何与属性文本相关的内容。

在Android中叫做SpannableString，在iOS中等同于AttributedString，但是我在React Native中找不到相同的。

谁能指导我一些很棒的library/document？

Answer 1

您的问题不清楚，但如果我回答正确的话，您希望在图像上方显示文本。如果是这样，请使用 Imagebackground

import React from "react";
import { ImageBackground, StyleSheet, Text, View } from "react-native";

const image = { uri: "https://reactjs.org/logo-og.png" };

const App = () => (
  <View style={styles.container}>
    <ImageBackground source={image} resizeMode="cover" style={styles.image}>
      <Text style={styles.text}>The text you want to display</Text>
    </ImageBackground>
  </View>
);

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  image: {
    flex: 1,
    justifyContent: "center"
  },
  text: {
    color: "white",
    fontSize: 42,
    lineHeight: 84,
    fontWeight: "bold",
    textAlign: "center",
    backgroundColor: "#000000c0"
  }
});

export default App;

Answer 2

试试这个包 react-native-spannable-string

在本机反应中找不到属性文本

Can not find attributed text in react native

text

react-native

attributed