Closed
Description
Description
When nesting Text
<Text style={{fontWeight: 'bold'}}>
bold<Text style={{fontStyle: 'italic'}}>bold & italic</Text>bold
</Text>
on Android, the font weight will not be applied to the inner Text:
on iOS it renders as expected:
Version
0.69.5 (also 0.70.0 rc4)
Output of npx react-native info
System:
OS: macOS 12.5.1
CPU: (8) arm64 Apple M1
Memory: 124.08 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 18.7.0 - ~/.nvm/versions/node/v18.7.0/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 8.15.0 - ~/.nvm/versions/node/v18.7.0/bin/npm
Watchman: 2022.08.15.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.11.3 - /Users/danilo/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: 2021.1 AI-211.7628.21.2111.8193401
Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
Languages:
Java: 11.0.16 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.5 => 0.69.5
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found
Steps to reproduce
npx react-native init rn69 --version 0.69.5
- Apply this diff:
diff --git a/App.js b/App.js
index f85f38d..5fd3491 100644
--- a/App.js
+++ b/App.js
@@ -75,7 +75,9 @@ const App: () => Node = () => {
screen and then come back to see your edits.
</Section>
<Section title="See Your Changes">
- <ReloadInstructions />
+ <Text style={{fontWeight: 'bold'}}>
+ bold<Text style={{fontStyle: 'italic'}}>bold & italic</Text>bold
+ </Text>
</Section>
<Section title="Debug">
<DebugInstructions />
- Run on Android. Notice that the text "bold & italic" is not bold, just italic.
Snack, code example, screenshot, or link to a repository
https://snack.expo.dev/gomG4vYFh
(bug only shows on Android)