bagasbanuna
b8f8a361d6
- 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>
67 lines
1.5 KiB
TypeScript
67 lines
1.5 KiB
TypeScript
import { Platform } from "react-native";
|
|
|
|
export {
|
|
OS_ANDROID_HEIGHT,
|
|
OS_IOS_HEIGHT,
|
|
OS_HEIGHT,
|
|
OS_ANDROID_PADDING_TOP,
|
|
OS_IOS_PADDING_TOP,
|
|
OS_PADDING_TOP,
|
|
PADDING_INLINE,
|
|
TEXT_SIZE_SMALL,
|
|
TEXT_SIZE_MEDIUM,
|
|
TEXT_SIZE_LARGE,
|
|
TEXT_SIZE_XLARGE,
|
|
ICON_SIZE_XLARGE as ICON_SIZE_XLARGE,
|
|
ICON_SIZE_LARGE as ICON_SIZE_MEDIUM,
|
|
ICON_SIZE_MEDIUM as ICON_SIZE_SMALL,
|
|
ICON_SIZE_XSMALL as ICON_SIZE_XSMALL,
|
|
ICON_SIZE_SMALLL as ICON_SIZE_BUTTON,
|
|
DRAWER_HEIGHT,
|
|
RADIUS_BUTTON,
|
|
PADDING_EXTRA_SMALL,
|
|
PADDING_SMALL,
|
|
PADDING_MEDIUM,
|
|
PADDING_LARGE,
|
|
PAGINATION_DEFAULT_TAKE
|
|
};
|
|
|
|
// OS Height
|
|
const OS_ANDROID_HEIGHT = 60
|
|
const OS_IOS_HEIGHT = 80
|
|
const OS_HEIGHT = Platform.OS === "ios" ? OS_IOS_HEIGHT : OS_ANDROID_HEIGHT
|
|
|
|
// OS Padding Top
|
|
const OS_ANDROID_PADDING_TOP = 6
|
|
const OS_IOS_PADDING_TOP = 12
|
|
const OS_PADDING_TOP = Platform.OS === "ios" ? OS_IOS_PADDING_TOP : OS_ANDROID_PADDING_TOP
|
|
|
|
// Text Size
|
|
const TEXT_SIZE_SMALL = 12;
|
|
const TEXT_SIZE_MEDIUM = 14;
|
|
const TEXT_SIZE_LARGE = 16;
|
|
const TEXT_SIZE_XLARGE = 18;
|
|
|
|
// Icon Size
|
|
const ICON_SIZE_XSMALL = 10
|
|
const ICON_SIZE_SMALLL = 14
|
|
const ICON_SIZE_MEDIUM = 18;
|
|
const ICON_SIZE_LARGE = 22;
|
|
const ICON_SIZE_XLARGE = 26;
|
|
|
|
// Drawer Height
|
|
const DRAWER_HEIGHT = 500; // tinggi drawer5
|
|
|
|
// Radius Button
|
|
const RADIUS_BUTTON = 50
|
|
|
|
// Padding
|
|
const PADDING_INLINE = 16
|
|
const PADDING_EXTRA_SMALL = 10
|
|
const PADDING_SMALL = 12
|
|
const PADDING_MEDIUM = 16
|
|
const PADDING_LARGE = 20
|
|
|
|
// Pagination
|
|
const PAGINATION_DEFAULT_TAKE = 10;
|