Skip to content

Commit a756c26

Browse files
shonsirshashonsirsha
committed
ios: fix app flickers on start
fixing ix it by: 1. add launch screen 2. add transition on start
1 parent af40f45 commit a756c26

File tree

8 files changed

+127
-8
lines changed

8 files changed

+127
-8
lines changed

‎frontends/ios/BitBoxApp/Assets/dbb_logo_dark.svg

Lines changed: 3 additions & 0 deletions
Loading

‎frontends/ios/BitBoxApp/Assets/dbb_logo_light.svg

Lines changed: 3 additions & 0 deletions
Loading

‎frontends/ios/BitBoxApp/BitBoxApp.xcodeproj/project.pbxproj

Lines changed: 29 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,8 @@
99
/* Begin PBXBuildFile section */
1010
8E1846EB2E0AFF6000802D8B /* NetworkMonitor.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8E1846EA2E0AFF5B00802D8B /* NetworkMonitor.swift */; };
1111
8E1846EC2E0AFF6000802D8B /* NetworkMonitor.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8E1846EA2E0AFF5B00802D8B /* NetworkMonitor.swift */; };
12+
B536195B2E4B2D1B00B3E10D /* Launch Screen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = B536195A2E4B2D1B00B3E10D /* Launch Screen.storyboard */; };
13+
B536195C2E4B2D1B00B3E10D /* Launch Screen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = B536195A2E4B2D1B00B3E10D /* Launch Screen.storyboard */; };
1214
D700B5F62C884C34000496D4 /* Mobileserver.xcframework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = D76518BB2B1F8F7400DC03A9 /* Mobileserver.xcframework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
1315
D700B5FD2CA2FFAF000496D4 /* WebView.swift in Sources */ = {isa = PBXBuildFile; fileRef = D76516322B1F3D1A00DC03A9 /* WebView.swift */; };
1416
D700B5FE2CA2FFAF000496D4 /* BitBoxAppApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = D76516082B1F3B1300DC03A9 /* BitBoxAppApp.swift */; };
@@ -74,6 +76,7 @@
7476

7577
/* Begin PBXFileReference section */
7678
8E1846EA2E0AFF5B00802D8B /* NetworkMonitor.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NetworkMonitor.swift; sourceTree = "<group>"; };
79+
B536195A2E4B2D1B00B3E10D /* Launch Screen.storyboard */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; path = "Launch Screen.storyboard"; sourceTree = "<group>"; };
7780
D700B5F82C888CB9000496D4 /* Config.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; path = Config.xcconfig; sourceTree = "<group>"; };
7881
D700B5F92C986A3C000496D4 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist; path = Info.plist; sourceTree = "<group>"; };
7982
D700B60A2CA2FFAF000496D4 /* BitBoxApp Testnet.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "BitBoxApp Testnet.app"; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -93,6 +96,10 @@
9396
D76518C12B1F910C00DC03A9 /* libresolv.tbd */ = {isa = PBXFileReference; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libresolv.tbd; path = usr/lib/libresolv.tbd; sourceTree = SDKROOT; };
9497
/* End PBXFileReference section */
9598

99+
/* Begin PBXFileSystemSynchronizedRootGroup section */
100+
B536195D2E4B2D9E00B3E10D /* Assets */ = {isa = PBXFileSystemSynchronizedRootGroup; explicitFileTypes = {}; explicitFolders = (); path = Assets; sourceTree = "<group>"; };
101+
/* End PBXFileSystemSynchronizedRootGroup section */
102+
96103
/* Begin PBXFrameworksBuildPhase section */
97104
D700B5FF2CA2FFAF000496D4 /* Frameworks */ = {
98105
isa = PBXFrameworksBuildPhase;
@@ -130,6 +137,8 @@
130137
D76515FC2B1F3B1300DC03A9 = {
131138
isa = PBXGroup;
132139
children = (
140+
B536195D2E4B2D9E00B3E10D /* Assets */,
141+
B536195A2E4B2D1B00B3E10D /* Launch Screen.storyboard */,
133142
D700B5F82C888CB9000496D4 /* Config.xcconfig */,
134143
D76518BB2B1F8F7400DC03A9 /* Mobileserver.xcframework */,
135144
D76516072B1F3B1300DC03A9 /* BitBoxApp */,
@@ -216,6 +225,9 @@
216225
);
217226
dependencies = (
218227
);
228+
fileSystemSynchronizedGroups = (
229+
B536195D2E4B2D9E00B3E10D /* Assets */,
230+
);
219231
name = "BitBoxApp Testnet";
220232
productName = BitBoxApp;
221233
productReference = D700B60A2CA2FFAF000496D4 /* BitBoxApp Testnet.app */;
@@ -235,6 +247,9 @@
235247
);
236248
dependencies = (
237249
);
250+
fileSystemSynchronizedGroups = (
251+
B536195D2E4B2D9E00B3E10D /* Assets */,
252+
);
238253
name = BitBoxApp;
239254
productName = BitBoxApp;
240255
productReference = D76516052B1F3B1300DC03A9 /* BitBoxApp.app */;
@@ -327,6 +342,7 @@
327342
files = (
328343
D700B6022CA2FFAF000496D4 /* assets in Resources */,
329344
D700B6032CA2FFAF000496D4 /* Preview Assets.xcassets in Resources */,
345+
B536195C2E4B2D1B00B3E10D /* Launch Screen.storyboard in Resources */,
330346
D700B6042CA2FFAF000496D4 /* Assets.xcassets in Resources */,
331347
);
332348
runOnlyForDeploymentPostprocessing = 0;
@@ -337,6 +353,7 @@
337353
files = (
338354
D76518B62B1F45B300DC03A9 /* assets in Resources */,
339355
D76516102B1F3B1500DC03A9 /* Preview Assets.xcassets in Resources */,
356+
B536195B2E4B2D1B00B3E10D /* Launch Screen.storyboard in Resources */,
340357
D765160D2B1F3B1500DC03A9 /* Assets.xcassets in Resources */,
341358
);
342359
runOnlyForDeploymentPostprocessing = 0;
@@ -468,9 +485,10 @@
468485
INFOPLIST_KEY_CFBundleDisplayName = "BitBoxApp Testnet";
469486
INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
470487
INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
471-
INFOPLIST_KEY_UILaunchScreen_Generation = YES;
488+
INFOPLIST_KEY_UILaunchScreen_Generation = NO;
489+
INFOPLIST_KEY_UILaunchStoryboardName = "Launch Screen";
472490
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
473-
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait";
491+
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = UIInterfaceOrientationPortrait;
474492
IPHONEOS_DEPLOYMENT_TARGET = 16.0;
475493
LD_RUNPATH_SEARCH_PATHS = (
476494
"$(inherited)",
@@ -500,9 +518,10 @@
500518
INFOPLIST_KEY_CFBundleDisplayName = "BitBoxApp Testnet";
501519
INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
502520
INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
503-
INFOPLIST_KEY_UILaunchScreen_Generation = YES;
521+
INFOPLIST_KEY_UILaunchScreen_Generation = NO;
522+
INFOPLIST_KEY_UILaunchStoryboardName = "Launch Screen";
504523
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
505-
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait";
524+
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = UIInterfaceOrientationPortrait;
506525
IPHONEOS_DEPLOYMENT_TARGET = 16.0;
507526
LD_RUNPATH_SEARCH_PATHS = (
508527
"$(inherited)",
@@ -648,9 +667,10 @@
648667
INFOPLIST_KEY_CFBundleDisplayName = BitBoxApp;
649668
INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
650669
INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
651-
INFOPLIST_KEY_UILaunchScreen_Generation = YES;
670+
INFOPLIST_KEY_UILaunchScreen_Generation = NO;
671+
INFOPLIST_KEY_UILaunchStoryboardName = "Launch Screen";
652672
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
653-
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait";
673+
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = UIInterfaceOrientationPortrait;
654674
IPHONEOS_DEPLOYMENT_TARGET = 16.0;
655675
LD_RUNPATH_SEARCH_PATHS = (
656676
"$(inherited)",
@@ -679,9 +699,10 @@
679699
INFOPLIST_KEY_CFBundleDisplayName = BitBoxApp;
680700
INFOPLIST_KEY_UIApplicationSceneManifest_Generation = YES;
681701
INFOPLIST_KEY_UIApplicationSupportsIndirectInputEvents = YES;
682-
INFOPLIST_KEY_UILaunchScreen_Generation = YES;
702+
INFOPLIST_KEY_UILaunchScreen_Generation = NO;
703+
INFOPLIST_KEY_UILaunchStoryboardName = "Launch Screen";
683704
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPad = "UIInterfaceOrientationPortrait UIInterfaceOrientationPortraitUpsideDown UIInterfaceOrientationLandscapeLeft UIInterfaceOrientationLandscapeRight";
684-
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = "UIInterfaceOrientationPortrait";
705+
INFOPLIST_KEY_UISupportedInterfaceOrientations_iPhone = UIInterfaceOrientationPortrait;
685706
IPHONEOS_DEPLOYMENT_TARGET = 16.0;
686707
LD_RUNPATH_SEARCH_PATHS = (
687708
"$(inherited)",

‎frontends/ios/BitBoxApp/BitBoxApp/Assets.xcassets/dbb_logo_light.imageset/Contents.json

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
{
2+
"images": [
3+
{
4+
"filename": "dbb_logo_dark.svg",
5+
"idiom": "universal",
6+
"scale": "1x"
7+
},
8+
{
9+
"appearances": [
10+
{
11+
"appearance": "luminosity",
12+
"value": "dark"
13+
}
14+
],
15+
"filename": "dbb_logo_light.svg",
16+
"idiom": "universal",
17+
"scale": "1x"
18+
}
19+
],
20+
"info": {
21+
"author": "xcode",
22+
"version": 1
23+
},
24+
"properties": {
25+
"preserves-vector-representation": true
26+
}
27+
}

‎frontends/ios/BitBoxApp/BitBoxApp/Assets.xcassets/dbb_logo_light.imageset/dbb_logo_dark.svg

Lines changed: 3 additions & 0 deletions
Loading

‎frontends/ios/BitBoxApp/BitBoxApp/Assets.xcassets/dbb_logo_light.imageset/dbb_logo_light.svg

Lines changed: 3 additions & 0 deletions
Loading

‎frontends/ios/BitBoxApp/BitBoxApp/WebView.swift

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,8 @@ struct WebView: UIViewRepresentable {
128128
let webView = WKWebView(frame: .zero, configuration: config)
129129
webView.navigationDelegate = context.coordinator
130130
webView.uiDelegate = context.coordinator
131+
// hide the WebView initially to prevent white flash (flicker) on initial load
132+
webView.alpha = 0.0
131133

132134
// Disables automatic content inset adjustment to prevent safe area issues
133135
// https://developer.apple.com/documentation/uikit/uiscrollview/contentinsetadjustmentbehavior-swift.property
@@ -156,6 +158,16 @@ struct WebView: UIViewRepresentable {
156158
}
157159

158160
class Coordinator: NSObject, WKNavigationDelegate, WKUIDelegate {
161+
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
162+
// change alpha back to 1.0 after a slight delay
163+
// this is to prevent the white flash (flicker) on initial load
164+
DispatchQueue.main.asyncAfter(deadline: .now() + 0.4) {
165+
UIView.animate(withDuration: 0.4) {
166+
webView.alpha = 1.0
167+
}
168+
}
169+
}
170+
159171
// Intercept all URLs
160172
func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
161173
guard let url = navigationAction.request.url else {

‎frontends/ios/BitBoxApp/Launch Screen.storyboard

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="23504" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
3+
<device id="retina6_12" orientation="portrait" appearance="light"/>
4+
<dependencies>
5+
<deployment identifier="iOS"/>
6+
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="23506"/>
7+
<capability name="Safe area layout guides" minToolsVersion="9.0"/>
8+
<capability name="System colors in document resources" minToolsVersion="11.0"/>
9+
<capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
10+
</dependencies>
11+
<scenes>
12+
<!--View Controller-->
13+
<scene sceneID="EHf-IW-A2E">
14+
<objects>
15+
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
16+
<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
17+
<rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
18+
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
19+
<subviews>
20+
<imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleAspectFit" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="dbb_logo_light" translatesAutoresizingMaskIntoConstraints="NO" id="BitBox-Logo">
21+
<rect key="frame" x="162.5" y="386" width="68" height="81"/>
22+
<constraints>
23+
<constraint firstAttribute="width" constant="68" id="logo-width"/>
24+
<constraint firstAttribute="height" constant="81" id="logo-height"/>
25+
</constraints>
26+
</imageView>
27+
</subviews>
28+
<viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
29+
<color key="backgroundColor" systemColor="systemBackgroundColor"/>
30+
<constraints>
31+
<constraint firstItem="BitBox-Logo" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="logo-centerX"/>
32+
<constraint firstItem="BitBox-Logo" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="logo-centerY"/>
33+
</constraints>
34+
</view>
35+
</viewController>
36+
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
37+
</objects>
38+
<point key="canvasLocation" x="53" y="375"/>
39+
</scene>
40+
</scenes>
41+
<resources>
42+
<image name="dbb_logo_light" width="68" height="81"/>
43+
<systemColor name="systemBackgroundColor">
44+
<color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
45+
</systemColor>
46+
</resources>
47+
</document>

0 commit comments

Comments
 (0)