Image 是否在多行文字旁边反应本机图像？

我有一个复选框，旁边有文本，需要在最后一个单词上附加一个图像（这是一个图标）以获取更多信息。我还没有找到一个可靠的方法来做这件事。唯一的方法是将文本分成不同的块，并包装图标的父位置或绝对位置-这两者最终在不同的设备上的位置都不同，具体取决于大小

当我在文本中添加图像时，会得到一个奇怪的文件图标背景图像。

当我将其保留在外部时，它只是默认为文本块的末尾：

我的代码片段：

<View style={{ flexDirection: 'row' }}>
  <Checkbox style={styles.checkbox} checked={agreedChecked} />
  <View style={{ flexDirection: 'row', flex: 1 }}>
    <Text style={[ styles.label]}>Yes, I agree to using this payment method for automatic monthly charges.</Text>
    <Image source={require('../../assets/Icon_Info.png')} />
  </View>
</View>

是的，我同意使用这种付款方式来支付自动月费。

放大以显示奇怪的文件背景： （注意，在文本元素之外时，它没有背景）

---

您能简单地复制并粘贴此代码段并尝试一下吗？它对我有用。如果你愿意，我可以为你创建回购协议

Github示例回购

从“React”导入React；
进口{
安全区域视图，
形象,，
看法
文本，
状态栏，
可触摸不透明度
}从“反应本族语”；
常量应用=（）=>{
返回(
{/*  */}
是的，我同意使用这种付款方式自动按月付款
收费。{0}
{}}>
);
};
导出默认应用程序；

如果有人偶然发现了这个错误，这是一个已知的错误，在React Native 0.61.4中已修复

---

根据您的要求，您可以考虑使用EMOJIℹ️@米肯：这是个好主意！我会检查一下，看看他们附近有没有表情符号。根据需求，它必须看起来完全相同。尽管如此，这是unicode页面。我认为演示文稿通常基于所使用的字体；然而，我仍然看到图像背后的奇怪背景。在上面的问题中添加一个例子（超级放大），注意编辑。我没有这样奇怪的背景。我将创建一个回购示例，你能试试吗？@Ashleigh，你能试试这个吗？我相信你的资产有问题。你是完全正确的，你的形象例子完美地工作！！我会深入我的图像资产，看看发生了什么，并提供一个更新这里只是为了一般好奇哈哈。非常感谢。我很高兴听到我们发现了问题：）玩得开心

import React from "react";
import {
  SafeAreaView,
  Image,
  View,
  Text,
  StatusBar,
  TouchableOpacity
} from "react-native";

const App = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <View style={{ flexDirection: "row" }}>
          {/* <Checkbox style={styles.checkbox} checked={agreedChecked} /> */}
          <View style={{ flexDirection: "row", flex: 1 }}>
            <Text style={{ color: "#757575" }}>
              Yes, I agree to using this payment method for automatic monthly
              charges.{" "}
              <TouchableOpacity onPress={() => {}}>
                <Image
                  style={{ height: 15, width: 15 }}
                  source={require("./assets/icon.png")}
                />
              </TouchableOpacity>
            </Text>
          </View>
        </View>
      </SafeAreaView>
    </>
  );
};

export default App;