`rtl` 和 `ltr` 在原生平台上的 nativewind4 中不起作用
** 描述错误** 当使用 “ ltr: ” 或“ rtl: ” 时, 它不应该在本地风中应用分数, 除非方向如前缀, 但本地风运行的课却不关心它们, 它应用最后的课, 因为前缀方向根本不存在
** 复制** https://GitHub.com/ws-rush/reactive-expo 页面存档备份,存于互联网档案馆.
- 上面的项目包含在 src/app/ 组件/ ditScreenInfo.tsx 中的例子 : QQText className="ltr:text-green-500 rtl:text-red-500",我还尝试过作为 QQText className="text-green-500 rtl:text-red-500"的描述 +/text-等出品.
- `src/app/globals/i18n.ts'中的代码更改方向:
aync 设置( 值: 字符串) {
// 装入并激活地块
const {消息,方向} = this.localesData[值];
i18n.load(值,消息);
i18n.活化(值);
// 重新装入应用程序
如果(方向 QQ'tl') {
等待 I18nManager.allowRTL(真实);
等待 I18nManager.forceRTL(真实);
否则
等待 I18nManager.allowRTL(假);
等待 I18nManager.forceRTL(假);
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
如果 (( 等待 locale. load Locale ()) ! ===值 {
// 设置应用程序默认lang 从应用设置完成
正在等待 AsyncStorage. set , 请检查isbn=值 (帮助). 项目( “ 本地” , 值);
如果(Platform.OS → “ios” → 平台.OS → “android”)重新装入Async();
其它如果 (Platform.OS QQ"web") 窗口. location.reload ();
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
{\fn华文楷体\fs16\1cHE0E0E0}- 应用软件最终应运行在 dvelopment 架构中, 而不是让 expo 去正确更改方向( 获取 `I18nManager. isRTL' 正确值)
** 预期行为** 它应该应用带有方向前缀的类,只有在应用程序运行于此方向时才应用
** 其他情况** 原版为https://GitHub.com/nativewind/nativewind/issues/959 从自有风4.0。 我解决了这个难题,现在把这个添加到我的项目中
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 导入 { I18n Manager, 平台} 从“ 反应- 内在” 导入 ;
导出函数 tw( 字符串: TemplateStringsArray, ... 值: 任意 [] { // 将字符串文字和值合并为一个字符串 让合并 String = 字符串. reduce ((结果,字符串,一) {{ 返回结果 + 字符串 +(值 [一] +''); (c) 将“......”改为“......”。
// 将组合字符串分割成多个类 让类=合并 String.split (');
/ 过滤以“ ttl: ” 开头的类 让过滤的Classes = 类.filter(cls QQ {) 如果(Platform.OS !============================================================================================================================================================================================ 否则返回真实
- ;
/ 将过滤过的类返回到单个字符串中 返回已过滤的 Classes.join ('); {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
然后应用为 QQText 类Name-tw'ltr:text-green-500 rtl:text-red-500-solved ${description}/Text-}内容来源: nativewind/nativewind