相关疑难解决方法(0)

我想以Text角度旋转一个组件-90deg.组件应从左角而不是中间旋转.我使用以下代码:

render() {
     return (
            <View style = {{flex : 1}}>
                <View style={styles.sidebar}>
                    <Text style={styles.lblSideBar} numberOfLines = {1} >DUMMY TEXT</Text>
                </View>
            </View>);
}

const styles = StyleSheet.create({
  sidebar : {
    flex : 1,
    flexDirection : 'row',
    alignItems : 'flex-end',
    justifyContent : 'center',
    width : 30,
  },
  lblSideBar : {
      bottom : 20,
      transform : [{rotate : '-90deg'}],
  }
});

我想要20px的底部空间,但是当旋转从中心发生时(默认情况下),文本在旋转后覆盖底部区域.请建议如何实现这一目标？还react-native需要的支持pivotPoint或anchorPoint或transformOrigin因此可以很容易地实现这个属性.