Status Documentation
Getting Set Up to Work With React-native-qt
Participants
There are 3 participants in react-native-desktop application:
- Qt application
- Bundler
- JS server (right now called ubuntu-server, but this is subject to change)
Qt application - built from a project in desktop folder. When runs it establishes communication with JS server and shows appropriate UI.
Bundler - this server runs on developer’s machine and provides access to js files from the project. Also, it can generate “bundle” - single js file with all project code in it. Not needed for distribution.
JS server - provides a sandbox for running javascript project code. It communicates with Qt Application.
Steps on app start
Components Support
| React Native | React Native Desktop |
|---|---|
| Components | |
| ActivityIndicator | +/- |
| Button | +/- |
| DatePickerIOS | |
| DrawerLayoutAndroid | |
| FlatList | |
| Image | +/- |
| KeyboardAvoidingView | |
| ListView | +/- |
| Modal | +/- |
| NavigatorIOS | |
| Picker | +/- |
| PickerIOS | |
| ProgressBarAndroid | |
| ProgressViewIOS | |
| RefreshControl | |
| ScrollView | +/- |
| SectionList | |
| SegmentedControlIOS | |
| Slider | |
| SnapshotViewIOS | |
| StatusBar | |
| Switch | |
| TabBarIOS | |
| TabBarIOS.Item | |
| Text | +/- |
| TextInput | +/- |
| ToolbarAndroid | |
| TouchableHighlight | +/- |
| TouchableNativeFeedback | |
| TouchableOpacity | +/- |
| TouchableWithoutFeedback | +/- |
| View | +/- |
| ViewPagerAndroid | |
| VirtualizedList | |
| WebView | |
| APIs | |
| AccessibilityInfo | |
| ActionSheetIOS | |
| AdSupportIOS | |
| Alert | +/- |
| AlertIOS | |
| Animated | |
| AppRegistry | +/- |
| AppState | +/- |
| AsyncStorage | |
| BackAndroid | |
| BackHandler | |
| CameraRoll | |
| Clipboard | +/- |
| DatePickerAndroid | |
| Dimensions | |
| Easing | |
| Geolocation | |
| ImageEditor | |
| ImagePickerIOS | |
| ImageStore | |
| InteractionManager | |
| Keyboard | |
| LayoutAnimation | |
| Linking | |
| NetInfo | |
| PanResponder | |
| PermissionsAndroid | |
| PixelRatio | |
| PushNotificationIOS | |
| Settings | |
| Share | |
| StatusBarIOS | |
| StyleSheet | |
| Systrace | |
| TimePickerAndroid | |
| ToastAndroid | |
| Vibration | |
| VibrationIOS | |
| Layout Props | |
| Shadow Props | |
| ViewPropTypes | |
| ViewStylePropTypes | |
| TextStylePropTypes | |
| ImageStylePropTypes | |
| From old React Native: | |
| Navigator (v0.43) |