feat: Migrate Profile, Waiting Room, and Delete Account to OS_Wrapper
Profile Screens (8 files):
- [id]/index.tsx: NewWrapper → OS_Wrapper (list with refresh)
- [id]/edit.tsx: ViewWrapper → OS_Wrapper (form + keyboard handling)
- create.tsx: ViewWrapper → OS_Wrapper (form + keyboard handling)
- [id]/blocked-list.tsx: NewWrapper → OS_Wrapper (pagination list)
- [id]/detail-blocked.tsx: NewWrapper → OS_Wrapper (static with footer)
- [id]/update-background.tsx: ViewWrapper → OS_Wrapper (static with footer)
- [id]/update-photo.tsx: ViewWrapper → OS_Wrapper (static with footer)
- All Profile forms use enableKeyboardHandling + contentPaddingBottom={250}
Other Screens (2 files):
- waiting-room.tsx: NewWrapper → OS_Wrapper (static with refresh + footer)
- delete-account.tsx: ViewWrapper → OS_Wrapper (form + keyboard handling)
Bug Fixes:
- AndroidWrapper: Add refreshControl to ScrollView (fix pull-to-refresh on static mode)
Pattern Applied:
- List screens: contentPaddingBottom=100 (default)
- Form screens: contentPaddingBottom=250 (with TextInput)
- No PADDING_INLINE (user preference - prevents box narrowing)
Documentation:
- Update TASK-005 with Phase 1 completion details
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
27
QWEN.md
27
QWEN.md
@@ -513,3 +513,30 @@ When using Maplibre MapView on iOS, prevent "Attempt to recycle a mounted view"
|
||||
- [Expo Router Documentation](https://docs.expo.dev/router/introduction/)
|
||||
- [TypeScript Documentation](https://www.typescriptlang.org/docs/)
|
||||
- [Maplibre React Native](https://github.com/maplibre/maplibre-react-native)
|
||||
|
||||
## Qwen Added Memories
|
||||
- OS_Wrapper contentPaddingBottom pattern:
|
||||
- Default: contentPaddingBottom=100 (untuk list screens)
|
||||
- Forms: contentPaddingBottom=250 (HANYA untuk screens yang punya TextInput/TextArea)
|
||||
- contentPadding=0 (default, per-screen control)
|
||||
- OS_ANDROID_PADDING_TOP=6 (compact tabs)
|
||||
- OS_IOS_PADDING_TOP=12
|
||||
- PADDING_INLINE=16 (constant)
|
||||
|
||||
Contoh:
|
||||
```tsx
|
||||
// List screen (default 100px)
|
||||
<OS_Wrapper listData={data} renderItem={renderItem} />
|
||||
|
||||
// Form screen (explicit 250px)
|
||||
<OS_Wrapper enableKeyboardHandling contentPaddingBottom={250}>
|
||||
<FormWithTextInput />
|
||||
</OS_Wrapper>
|
||||
```
|
||||
- PADDING_INLINE usage pattern - User preference:
|
||||
- PADDING_INLINE (16px) TIDAK selalu diperlukan
|
||||
- User remove PADDING_INLINE dari Profile screens karena mempersempit box tampilan
|
||||
- Decision: Tambahkan PADDING_INLINE HANYA jika diperlukan per-screen, jangan default
|
||||
- User akan review dan tambahkan sendiri jika perlu
|
||||
|
||||
Profile screens: PADDING_INLINE dihapus dari edit.tsx dan create.tsx
|
||||
|
||||
Reference in New Issue
Block a user