React native 如何在React Native中按第一行对齐文本对象

在我的应用程序中，我希望文本的大段落具有与每个文本对象的第一行对齐的时间戳中心。有办法做到这一点吗

这是一个我正在尝试做的例子

我尝试将第一行隔离到一个单独的对象中，但我不知道如何执行。在CSS中，我可以使用伪元素来实现这一点

这两个元素的当前代码类似于

上午6:42
演示用的一长段文字。

看看这个：

import React，{Component}来自“React”；
从“react native”导入{View，Text，ScrollView}；
类测试扩展了组件{
render（）{
返回(
{/*时间戳*/}
上午6:42
{/*文本*/}
颜色为{“\n”}的行
Lorem Ipsum只是印刷和排版的虚拟文本
Lorem Ipsum一直是业界的标准假人
从16世纪开始，一个不知名的印刷商在厨房里印刷
并把它拼凑成一本样本书。它有
不仅存活了五个世纪，还跨越了
电子排版，基本上保持不变
20世纪60年代，随着Letraset床单的发行而流行起来
包含Lorem Ipsum段落，最近使用桌面
发布软件，如Aldus PageMaker，包括
Lorem Ipsum。自
1500s复制如下，供相关人员参考。第1.10.32节
以及西塞罗的de Finibus Bonorum et Malorum的1.10.33
同样以其原始形式复制，并附有
1914年H.Rackham.Lorem翻译的英文版本
Ipsum只是印刷和排版的虚拟文本
Lorem Ipsum一直是业界的标准假人
从16世纪开始，一个不知名的印刷商在厨房里印刷
并把它拼凑成一本样本书。它有
不仅存活了五个世纪，还跨越了
电子排版，基本上保持不变
20世纪60年代，随着Letraset床单的发行而流行起来
包含Lorem Ipsum段落，最近使用桌面
发布软件，如Aldus PageMaker，包括
Lorem Ipsum。自
1500s复制如下，供相关人员参考。第1.10.32节
以及西塞罗的de Finibus Bonorum et Malorum的1.10.33
同样以其原始形式复制，并附有
1914年H.Rackham翻译的英文版本。
);
}
}
导出默认测试；

如果你也需要时间戳来滚动，请告诉我

就这么简单

<View style={{ flexDirection: 'row' }}>
    <Text>6:42 AM</Text>
    <Text>       </Text> // this is just for separating them, you can do it in better ways
    <Text>{text}</Text>
</View>

上午6:42
//这只是为了把它们分开，你可以用更好的方法
{text}

因为它们是按行方向渲染的，所以您将得到所需的结果。 你知道，你必须用你的对象等替换硬编码的时间。。。

---

你能告诉我们你试过什么吗？或者你的代码中有什么不起作用？@DineshKumar确实没有任何代码可以显示，因为我不知道从哪里开始。我在问题中添加了这两个元素的代码。我想您希望时间戳和文本都在同一行，对吗？考虑到不同的屏幕大小，可能重复这两个元素并不是问题的解决方案