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:
@@ -73,7 +73,7 @@ export default function JobDetailStatus() {
|
|||||||
),
|
),
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<OS_Wrapper contentPadding={PADDING_INLINE}>
|
<OS_Wrapper >
|
||||||
{isLoadData ? (
|
{isLoadData ? (
|
||||||
<LoaderCustom />
|
<LoaderCustom />
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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"}>
|
||||||
|
|||||||
@@ -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 ? (
|
||||||
|
|||||||
Reference in New Issue
Block a user