app.config.js

@@ -2,12 +2,12 @@ import 'dotenv/config';
 
 export default {
    expo: {
-      name: "mobile-darmasaba",
+      name: "Desa+",
       slug: "mobile-darmasaba",
       version: "1.0.2",
       jsEngine: "jsc",
       orientation: "portrait",
-      icon: "./assets/images/icon.png",
+      icon: "./assets/images/logo-icon.png",
       scheme: "myapp",
       userInterfaceStyle: "automatic",
       newArchEnabled: false,
@@ -23,7 +23,7 @@ export default {
          package: "mobiledarmasaba.app",
          versionCode: 6,
          adaptiveIcon: {
-            foregroundImage: "./assets/images/splash-icon.png",
+            foregroundImage: "./assets/images/logo-icon.png",
             backgroundColor: "#ffffff"
          },
          googleServicesFile: "./google-services.json",
@@ -45,7 +45,7 @@ export default {
          [
             "expo-splash-screen",
             {
-               image: "./assets/images/splash-icon.png",
+               image: "./assets/images/logo-icon.png",
                imageWidth: 200,
                resizeMode: "contain",
                backgroundColor: "#ffffff"

components/auth/viewLogin.tsx

@@ -53,12 +53,14 @@ export default function ViewLogin({ onValidate }: Props) {
          <StatusBar style={Platform.OS === 'ios' ? 'auto' : 'light'} translucent={false} backgroundColor="black" />
          <ToastCustom />
          <View style={[Styles.p20, Styles.h100]}>
-            <View style={{ alignItems: "center", marginVertical: 50 }}>
+            <View style={{ alignItems: "center", marginTop: 70, marginBottom: 50 }}>
                <Image
-                  source={require("../../assets/images/splash-icon.png")}
-                  style={{ width: 130, height: 130 }}
+                  source={require("../../assets/images/logo.png")}
+                  style={[{ width: 300, height: 150 }]}
+                  width={270}
+                  height={110}
                />
-               <Text style={[Styles.textSubtitle]}>PERBEKEL DARMASABA</Text>
+               {/* <Text style={[Styles.textSubtitle2]}>Digitalisasi Desa Transparansi Kerja</Text> */}
             </View>
             <InputForm
                onChange={(val) => {

constants/Styles.ts

@@ -44,6 +44,9 @@ const Styles = StyleSheet.create({
       fontSize: 20,
       fontWeight: 'bold',
    },
+   textSubtitle2: {
+      fontSize: 20,
+   },
    textLink: {
       fontSize: 14,
       color: '#0a7ea4',