Browse Source

docs(react-native): rewrite mobile tutorial for the modernized template

The old tutorial was built around connectToRedux + Paper + DrawerNavigator
plus a DataList and AbpSelect that no longer ship with the template (PRs
#4635 and #4679 in volosoft/abp-studio cleared and re-themed the React
Native template). The whole document is rewritten so each code block
matches the bookstore-react-native-mongodb sample one-to-one.

Major changes from the previous version:
- Replaces 'add to DrawerNavigator' with 'add to BottomTabNavigator' (the new
  default navigation_type).
- Walks through building NativeWind-based DataList and AbpSelect components
  before using them in the screens.
- Drops connectToRedux / createAppConfigSelector() in favor of useDispatch +
  useSelector(appConfigSelector).
- Keeps Paper TextInput only (the only Paper component the template still
  uses); everything else is Pressable + className.
- Backend setup is intentionally short (endpoint + permission summary +
  pointer to the Web Application Tutorial) - the focus is the RN side.
- Existing screenshot file paths kept with a TODO marker so they can be
  refreshed once the new UI is captured.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
pull/25444/head
Fahri Gedik 2 days ago
parent
commit
4b0cc9b3bf
  1. 2626
      docs/en/tutorials/mobile/react-native/index.md

2626
docs/en/tutorials/mobile/react-native/index.md

File diff suppressed because it is too large
Loading…
Cancel
Save