react-native [安卓] TextAlign 不会应用于 TextInput 的子组件中的 Text TextAlign 不会应用于 TextInput 的子组件中的 Text,

hgqdbh6s  于 4个月前  发布在  React
关注(0)|答案(7)|浏览(56)

在安卓中,为TextInput的子组件应用textAlign属性不起作用。这在iOS中是有效的。

描述

在安卓中,为TextInput的子组件应用textAlign属性不起作用。这在iOS中是有效的。

重现步骤

  1. 在TextInput内部创建一个嵌套的Text组件
  2. 为嵌套的文本组件设置对齐样式
  3. 在安卓中,样式不起作用,而在iOS中起作用

React Native版本

0.74.84

受影响的平台

运行时 - Android

npx react-native info的输出

System:
  OS: macOS 14.5
  CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
  Memory: 46.77 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 21.7.3
    path: ~/.nvm/versions/node/v21.7.3/bin/node
  Yarn: Not Found
  npm:
    version: 10.5.0
    path: ~/.nvm/versions/node/v21.7.3/bin/npm
  Watchman:
    version: 2024.05.06.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2023.2 AI-232.10300.40.2321.11668458
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 20.0.1
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.2
    wanted: 0.74.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

堆栈跟踪或日志

N/A

重现者

https://snack.expo.dev/cQvwWTDFzX0THj9yNa8CA?platform=android

截图和视频

  • 无响应*
368yc8dk

368yc8dk1#

尝试将对象移动到数组内,这样它就可以正常工作了。例如:style={style.a} 变为 style={[style.a]}

eni9jsuy

eni9jsuy2#

在这个网站上,如果将文本对齐方式从居中改为右对齐,初始显示为居中。

ryevplcw

ryevplcw3#

@meetdhanani17 你试过在安卓模拟器上运行吗?如果可以的话,能分享一张屏幕截图吗?因为我这边无法复现这个问题。

kh212irz

kh212irz5#

是的,这个方法可行,但我提出的问题是,如果我想要改变文本组件的文本对齐方式,我无法做到,因为textinput样式会覆盖,而这种行为在iOS上并未观察到。

bqujaahr

bqujaahr6#

请分享一下出现问题的两个设备的屏幕截图,以便我们进行比较。

wj8zmpe1

wj8zmpe17#

代码相同,但结果不同。

相关问题