refactor: Adjust OS_Wrapper defaults for better spacing

- Reduce default contentPaddingBottom from 250 to 100
  - Better for list screens (less empty space)
  - Only form screens with TextInput need 250px

- Set OS_ANDROID_PADDING_TOP to 6px
  - More compact tabs on Android

- Update form screens (Create/Edit):
  - Explicit contentPaddingBottom={250}
  - Only screens with TextInput use larger spacing

- Remove unnecessary PADDING_INLINE from detail screens
  - Detail screen doesn't need inline padding

Pattern:
- Default: contentPaddingBottom=100 (list screens)
- Forms: contentPaddingBottom=250 (screens with TextInput)
- contentPadding=0 (per-screen control)

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>

Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
2026-04-08 10:31:36 +08:00
parent 1a5ca78041
commit b8f8a361d6
5 changed files with 6 additions and 5 deletions

View File

@@ -73,7 +73,7 @@ export default function JobDetailStatus() {
), ),
}} }}
/> />
<OS_Wrapper contentPadding={PADDING_INLINE}> <OS_Wrapper >
{isLoadData ? ( {isLoadData ? (
<LoaderCustom /> <LoaderCustom />
) : ( ) : (

View File

@@ -121,7 +121,7 @@ export function OS_Wrapper(props: OS_WrapperProps) {
const { const {
enableKeyboardHandling = false, enableKeyboardHandling = false,
keyboardScrollOffset = 100, keyboardScrollOffset = 100,
contentPaddingBottom = 250, contentPaddingBottom = 100,
contentPadding = 0, contentPadding = 0,
...wrapperProps ...wrapperProps
} = props; } = props;

View File

@@ -32,7 +32,7 @@ const OS_IOS_HEIGHT = 80
const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT
// OS Padding Top // OS Padding Top
const OS_ANDROID_PADDING_TOP = 12 const OS_ANDROID_PADDING_TOP = 6
const OS_IOS_PADDING_TOP = 12 const OS_IOS_PADDING_TOP = 12
const OS_PADDING_TOP = Platform.OS === "ios" ? OS_IOS_PADDING_TOP : OS_ANDROID_PADDING_TOP const OS_PADDING_TOP = Platform.OS === "ios" ? OS_IOS_PADDING_TOP : OS_ANDROID_PADDING_TOP

View File

@@ -122,7 +122,8 @@ export function Job_ScreenCreate() {
<OS_Wrapper <OS_Wrapper
enableKeyboardHandling enableKeyboardHandling
keyboardScrollOffset={10} keyboardScrollOffset={10}
contentPadding={PADDING_INLINE} // contentPadding={PADDING_INLINE}
contentPaddingBottom={250}
footerComponent={buttonSubmit()} footerComponent={buttonSubmit()}
> >
<StackCustom gap={"xs"}> <StackCustom gap={"xs"}>

View File

@@ -138,7 +138,7 @@ export function Job_ScreenEdit() {
<OS_Wrapper <OS_Wrapper
enableKeyboardHandling enableKeyboardHandling
keyboardScrollOffset={100} keyboardScrollOffset={100}
contentPadding={PADDING_INLINE} contentPaddingBottom={250}
footerComponent={buttonSubmit()} footerComponent={buttonSubmit()}
> >
{isLoadData ? ( {isLoadData ? (