upd: tampilan

Deskripsi:
- tampilan form tambah banner
- button save header tambah banner
- tampilan form edit banner
- button save header edit banner
- padding form input with icon left or right

No Issues
This commit is contained in:
amel
2025-03-13 11:31:30 +08:00
parent 5bd65b4d3d
commit 4111392f17
8 changed files with 64 additions and 32 deletions

View File

@@ -1,13 +1,12 @@
import AlertKonfirmasi from "@/components/alertKonfirmasi";
import ButtonBackHeader from "@/components/buttonBackHeader";
import { ButtonForm } from "@/components/buttonForm";
import ButtonSaveHeader from "@/components/buttonSaveHeader";
import { InputForm } from "@/components/inputForm";
import Styles from "@/constants/Styles";
import { Entypo } from "@expo/vector-icons";
import * as ImagePicker from 'expo-image-picker';
import { router, Stack } from "expo-router";
import { useState } from "react";
import { Image, Pressable, SafeAreaView, ScrollView, Text, ToastAndroid, View } from "react-native";
import { Image, Pressable, SafeAreaView, ScrollView, Text, View } from "react-native";
export default function CreateBanner() {
const [selectedImage, setSelectedImage] = useState<string | undefined>(undefined)
@@ -33,6 +32,7 @@ export default function CreateBanner() {
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Tambah Banner',
headerTitleAlign: 'center',
headerRight: () => <ButtonSaveHeader category="create" />
}}
/>
<ScrollView>
@@ -41,11 +41,11 @@ export default function CreateBanner() {
{
selectedImage != undefined ? (
<Pressable onPress={pickImageAsync}>
<Image src={selectedImage} style={{ resizeMode: 'contain', width: '100%', height:100 }} />
<Image src={selectedImage} style={{ resizeMode: 'contain', width: '100%', height: 100 }} />
</Pressable>
) : (
<Pressable onPress={pickImageAsync} style={[Styles.wrapPaper, Styles.contentItemCenter]}>
<View style={{justifyContent:'center', alignItems:'center'}}>
<View style={{ justifyContent: 'center', alignItems: 'center' }}>
<Entypo name="image" size={50} color={'#aeaeae'} />
<Text style={[Styles.textInformation, Styles.mt05]}>Mohon unggah gambar dalam resolusi 1535 x 450 piksel untuk memastikan</Text>
</View>
@@ -53,8 +53,8 @@ export default function CreateBanner() {
)
}
</View>
<InputForm label="Judul" type="numeric" placeholder="Judul" required />
<ButtonForm
<InputForm label="Judul" type="numeric" placeholder="Judul" required bg="white" />
{/* <ButtonForm
text="SIMPAN"
onPress={() => {
AlertKonfirmasi({
@@ -65,7 +65,7 @@ export default function CreateBanner() {
router.push('/banner')
}
})
}} />
}} /> */}
</View>
</ScrollView>
</SafeAreaView>