Customization & Changes
Change Logo
For Splash Screen:
1. Add a package like flutter_native_splash to your project for splash screen customization.
2. Update your pubspec.yaml file:
dev_dependencies:
flutter_native_splash: ^2.2.9
flutter_native_splash:
color: "#FFFFFF" # Background color
image: assets/logo/app_logo.png
flutter_native_splash: ^2.2.9
flutter_native_splash:
color: "#FFFFFF" # Background color
image: assets/logo/app_logo.png
3. Run the following command to generate the splash screen:
flutter pub run flutter_native_splash:create
This will automatically generate platform-specific splash screens with your logo.
For In-App Usage:
1. Use the Image widget to display the logo anywhere in your app:
Image.asset(
'assets/logo/app_logo.png',
width: 150, // Adjust size as needed
height: 150,
)
'assets/logo/app_logo.png',
width: 150, // Adjust size as needed
height: 150,
)
Verify the Changes
- Splash Screen: Run the app and verify that the new logo appears on the splash screen when the app launches.
- In-App Display: Navigate to the screens where the logo is used to confirm it is displayed correctly.
