uiscrollview - react 原生 | ScrollView 从右到左

Question

我有简单的滚动 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 仍在从左向右移动，我看不到所有缩略图。

我该如何解决？

Answer 1

你可以用这种方式
我做到了，为我工作
该解决方案有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'}]