Nested text not focusable by hardware keyboards
Description
Nested text components are not focusable by hardware keyboards. This is blocking react native applications from being able to use hardware keyboards when trying to render things like rich text with urls. If the focusable prop was exposed on text this would resolve this issue.
Version
0.70.4
Output of npx react-native info
System: OS: macOS 12.6 CPU: (10) arm64 Apple M1 Pro Memory: 187.17 MB / 32.00 GB Shell: 5.8.1 - /bin/zsh Binaries: Node: 16.10.0 - ~/.nvm/versions/node/v16.10.0/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 7.24.0 - ~/.nvm/versions/node/v16.10.0/bin/npm Watchman: 2022.10.03.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: Not Found SDKs: iOS SDK: Platforms: DriverKit 22.1, iOS 16.1, macOS 13.0, tvOS 16.1, watchOS 9.1 Android SDK: Android NDK: 21.4.7075529 IDEs: Android Studio: 2021.3 AI-213.7172.25.2113.9014738 Xcode: 14.1/14B47b - /usr/bin/xcodebuild Languages: Java: 11.0.16.1 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 18.1.0 => 18.1.0 react-native: 0.70.4 => 0.70.4 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found
Steps to reproduce
1: Create nested text such as
<Text>Here is some text with <Text accessibilityRole="link" onPress={() => console.log('firing here')}>Nested text</Text></Text>
2: Plug in a physical keyboard either via usb or bluetooth to phone. 3: Notice pressing tab on keyboard does not focus nested text.
Snack, code example, screenshot, or link to a repository
See example in steps to reproduce above.