我希望在 iOS 上将滑块垂直放置。我有一个组件看起来像这样,文本标签只是为了可视化。
export class VerticalSlider extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>Hello</Text>
<Slider
maximumValue={100}
minimumValue={0}
value={50}
minimumTrackTintColor="black"
style={{
transform: [{ rotate: '90deg' }]
}}
/>
<Text>Hello</Text>
</View>
)
}
}
这是在我的模拟器中的样子
看起来 flex box 在旋转之前布置了组件,然后它被旋转了90度并与上下的文本标签重叠。我希望滑块顶部在第一个标签的底部,第二个标签被向下推。
有什么方法可以解决这个问题吗?
这是我的版本:
"dependencies": {
"expo": "^29.0.0",
"react": "16.3.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz"
}