我有一个通过React Native和React Native Web在本地和网络上工作的应用程序。一个屏幕包括一个带有自定义项目符号的列表，如下图所示，尽管文本通常会运行到多行。问题是当您复制/粘贴（至少在网络上），项目符号图像与文本分开一行，而且看起来很糟糕。有没有什么方法可以重构视图，让复制/粘贴保持原来的外观？
<View style={{ display: 'flex', flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'flex-start', width: '100%' }}>
<Image style={{ height: 10, width: 14, marginTop: 9 }} source={TRIANGLE_BULLET as ImageSourcePropType} resizeMode="contain" />
<View style={{ width: '90%', marginTop: 3, marginBottom: 3, marginLeft: 7 }}>
<Text>Final scoring</Text>
</View>
</View>
1条答案
按热度按时间czq61nw11#
设置
padding-left: 14px和text-indent: -14px确实起到了作用。从过去使用React Native的经验来看，我认为负的text-indent会导致问题，但实际上它工作得很好。