在安卓中,为TextInput的子组件应用textAlign属性不起作用。这在iOS中是有效的。
描述
在安卓中,为TextInput的子组件应用textAlign属性不起作用。这在iOS中是有效的。
重现步骤
- 在TextInput内部创建一个嵌套的Text组件
- 为嵌套的文本组件设置对齐样式
- 在安卓中,样式不起作用,而在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
截图和视频
- 无响应*
7条答案
按热度按时间368yc8dk1#
尝试将对象移动到数组内,这样它就可以正常工作了。例如:style={style.a} 变为 style={[style.a]}
eni9jsuy2#
在这个网站上,如果将文本对齐方式从居中改为右对齐,初始显示为居中。
ryevplcw3#
@meetdhanani17 你试过在安卓模拟器上运行吗?如果可以的话,能分享一张屏幕截图吗?因为我这边无法复现这个问题。
xu3bshqb4#
@TheProBro
kh212irz5#
是的,这个方法可行,但我提出的问题是,如果我想要改变文本组件的文本对齐方式,我无法做到,因为textinput样式会覆盖,而这种行为在iOS上并未观察到。
bqujaahr6#
请分享一下出现问题的两个设备的屏幕截图,以便我们进行比较。
wj8zmpe17#
代码相同,但结果不同。