时间戳

首页 > 解决方案 > 如何在本机反应中禁用屏幕上单个元素的 i18n RTL/LTR？

reactjs - 如何在本机反应中禁用屏幕上单个元素的 i18n RTL/LTR？

问题描述

我有这个“验证码输入字段”。当语言设置为阿拉伯语时，方向是 RTL，但我需要从左到右 (LTR) 输入代码。如果我强行将其设置为 LTR，我必须再次重新加载应用程序才能使其正常工作。

（这是 InputField 的图像）

  <CodeInput
        style={i18n.isRTL ? styles.VerCode2 : styles.VerCode1}
        compareWithCode="AsDW2"
        activeColor="rgba(49, 180, 4, 1)"
        inactiveColor="rgba(49, 180, 4, 1.3)"
        autoFocus={false}
        ignoreCase={true}
        inputPosition="center"
        codeLength={6}
        size={45}
        containerStyle={{ marginTop: 20, marginBottom: 12 }}
        codeInputStyle={{ borderWidth: 1.5 }}
      />

所以，我想为这个元素做（但不知道）条件样式。提前致谢

标签： reactjsnative

解决方案

我的问题得到了解决，因为我找到了一个能够覆盖 RTL/LTR 的组件。 这是验证码输入字段的链接，它提供了这种 RTL/LTR 兼容性。

推荐阅读