Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rework splash screen #224

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Rework splash screen #224

wants to merge 3 commits into from

Conversation

rileychh
Copy link
Collaborator

@rileychh rileychh commented Feb 13, 2024

Description

This PR replaces splash screens across all platforms. NPC branding has been added to the bottom of the screens. Details about the changes can be found in the commit messages.

Implementation

  • Add splash-android_12.png and its dark variant.
  • Add branding.png and its dark variant.
  • Remove unused images from the assets directory.

Testing Instructions

Launch the app on each platform in both light mode and dark mode to check that the images are correctly displayed.

Additional Notes

  1. Due to the requirements of the new SplashScreen API in Android 12, the text "我的北科生活 TAT" has been removed from the splash screen.
  2. Once this upstream issue is resolved, we will be able to add splash screen animations.
  3. For easier review, consider reviewing each commit separately and skipping the generated files.

- Remove unused tat-round.png and tat-transparent-white.png
- Remove explicit default configuration in flutter_native_splash section of pubspec.yaml
- Add splash-android_12.png and its dark variant. The image is 1152x1152, and the icon fits within a circle 768 pixels in diameter.
The branding image is based on `NPC text.svg` found in the club Drive. The text itself is half of the image size. The colors have contrast ratio of about 2 to the background.
Run `dart run flutter_native_splash:create`.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

似乎動到了 indent 導致檔案出現很大量的 changes,請 revert。

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

這是新版 dart run flutter_native_splash:create 造成的縮排變動。日後重新產生仍會影響縮排,我建議在此遷移到新版的行為,避免日後再次遭到變動。

@@ -132,19 +132,22 @@ flutter_icons:
image_path: "assets/images/tat.png"

flutter_native_splash:
color: "#FFFFFF"
color: "#ffffff"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

#ffffff#FFFFFF 會對功能造成差別嗎?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

不會,但這樣才和下面一致。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants