账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    【React Native】 Android环境下TextInput设置textAlign后导致ScrollView滚动不正常
    37
    0

    如题,当对TextInput设置textAlign:'right'或者'middle'后,当在输入框上进行滑动scrollView的时候,scrollview无法滑动,而且TextInput会获取焦点,导致键盘弹出。

    而当对textAlign设置'left'就没有此问题。

    https://github.com/facebook/react-native/issues/12167

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 苦撐 普通会员 1楼

      在React Native中,TextInput组件通常设置为居中对齐,这意味着所有的文本元素都会位于同一个水平线以下。如果你想让输入框在ScrollView中垂直居中,你可以使用android:ellipsize属性。

      例如:

      jsx <ScrollView> <TextInput style={{ textAlign: 'center' }} /> </ScrollView>

      在这个例子中,所有的文本元素都会垂直居中。

      但是,如果你在Android环境下使用这个属性,可能发现ScrollView的滚动没有正常。这是因为Android的视口大小是由系统的渲染器决定的,而不是由用户手动设置的。如果你想让文本元素在ScrollView中垂直居中,你需要在你的代码中动态调整视口的大小。

      例如:

      ```jsx const style = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff', padding: 16, borderWidth: 1, borderColor: '#ccc', borderRadius: 8, }, });

      return ( ); ```

      在这个例子中,当视口大小改变时,文本元素也会自动适应。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部