gpt4 book ai didi

uiscrollview - react 原生 | ScrollView 从右到左

转载 作者:行者123 更新时间:2023-12-04 15:08:28 29 4
gpt4 key购买 nike

我有简单的滚动 View :

<ScrollView
style={$style.category_container}
horizontal={true}
showsHorizontalScrollIndicator={false}
automaticallyAdjustContentInsets={true}
>
<Item title={'1'} />
<Item title={'2'} />
</ScrollView>

Item 是一个加载多个缩略图的组件。我的应用程序为 LTR 和 RTL 用户计划,因此在涉及 RTL 时方向发生了变化。

问题是当我使用 RTL 界面时 - ScrollView 仍在从左向右移动,我看不到所有缩略图。

我该如何解决?

最佳答案

你可以用这种方式
我做到了,为我工作
该解决方案有2个回合

1首先为您的scrollView设置此样式:style={{scaleX:-1}}
2秒钟使您的每个 child 在scrollView中都采用这种样式:style={{scaleX:-1}}
例如

 <ScrollView
horizontal={true}
contentContainerStyle={{height: 65}}
style={{scaleX:-1}}
showsHorizontalScrollIndicator={false}>
{
data.sports.map((data,index) => {
return(
<View key={index}
style={{width:150,height:55,backgroundColor:'yellow', marginHorizontal:4,scaleX:-1}}/>
)
})
}
</ScrollView>

如您所见,我的滚动 View 具有 scaleX = -1样式
另外,我所有在scrollView中的 child 都有 scaleX = -1样式

由于在 View 中不推荐使用scaleX,因此您可以改用 transform:[{rotateY:'180deg'}]

关于uiscrollview - react 原生 | ScrollView 从右到左,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40507675/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com