Flutter Boost
場景: iOS 使用 v1.12.13+hotfix.9 版本根據(jù)官方 Option B 集成方式集成郎汪，可以運(yùn)行但在 iOS 主工程 archive 的時(shí)候發(fā)生如下錯(cuò)誤： ld: bitcode bundle could not be generated because
ld: bitcode bundle could not be generated because '/Users/n/Library/Developer/Xcode/DerivedData/host_ios-bnbwehcmdjzqgydxspnsnfifvdyh/Build/Intermediates.noindex/ArchiveIntermediates/host_ios/BuildProductsPath/Release-iphoneos/shared_preferences.framework/shared_preferences' was built without full bitcode. All frameworks and dylibs for bitcode must be generated from Xcode Archive or Install build file '/Users/n/Library/Developer/Xcode/DerivedData/host_ios-bnbwehcmdjzqgydxspnsnfifvdyh/Build/Intermediates.noindex/ArchiveIntermediates/host_ios/BuildProductsPath/Release-iphoneos/shared_preferences.framework/shared_preferences' for architecture arm64
分析問題:
分析
v1.12.13+hotfix.9生成的framework,發(fā)現(xiàn)是不支持bitcode的，而將Flutter升級(jí)到1.7.0 stable channel是支持bitcode的闯狱。
解決方案：
將
Flutter嘗試升級(jí)到1.7.0 stable channel或是最新的master channel可以成功archive煞赢。-
如果
Flutter項(xiàng)目中有插件需要依賴于v1.12.13版本，可以先嘗試先關(guān)閉工程的Enable Bitcode哄孤。如果是私有組件來集成
flutter可以把組件和主工程的Enable Bitcode都設(shè)置為 NO.
ListView 維護(hù)狀態(tài)的問題
問題:ListView在滾動(dòng)的時(shí)候會(huì)將滾出 viewport 的相關(guān)的 element 樹, status 和 render objects 會(huì)銷毀照筑。
解決方案：
使用CustomScrollView
混合 AutomaticKeepAliveClientMixin 重寫 wantKeepAlive。該套方案可以封裝成一個(gè) widget
class AliveKeeper extends StatefulWidget {
final Widget child;
const AliveKeeper({Key key, @required this.child}) : super(key: key);
@override
_AliveKeeperState createState() => _AliveKeeperState();
}
class _AliveKeeperState extends State<AliveKeeper>
with AutomaticKeepAliveClientMixin<AliveKeeper> {
@override
bool get wantKeepAlive => true;
@override
Widget build(BuildContext context) {
super.build(context);
return widget.child;
}
}
ListView 默認(rèn)頂部內(nèi)邊距問題
問題: 如果導(dǎo)航欄不存在瘦陈，創(chuàng)建的 ListView 系統(tǒng)會(huì)默認(rèn)增加 20 內(nèi)邊距凝危。文檔上已有說明
解決方案：
- 設(shè)置 ListView padding zero
- MediaQuery.removePadding
ListView 在水平方向滑動(dòng),高度如何做到自適應(yīng)
分析:由于 ListView 的 children 都是懶加載的，即無法知道 children 的高度晨逝，如果確實(shí)需要實(shí)現(xiàn)這一點(diǎn)首先要確認(rèn)元素并不是非常多蛾默，可以使用 SingleChildScrollView + Row 即沒有懶加載的方式來實(shí)現(xiàn)。
ListView 在垂直方向滑動(dòng)捉貌，高度如何做到自適應(yīng)
將 ListView 的 shrinkWrap 為 true支鸡，然后將滾動(dòng)效果關(guān)閉。但是需要注意一旦設(shè)置了 shrinkWrap 性能開銷會(huì)較大昏翰。
vsync 重復(fù)創(chuàng)建問題
在使用動(dòng)畫時(shí)候, 如果使用 SingleTickerProviderStateMixin 進(jìn)行混合則下次重新創(chuàng)建就會(huì)報(bào)錯(cuò)苍匆，可以使用TickerProviderStateMixin 來替代。
如何實(shí)現(xiàn)負(fù)的內(nèi)邊距?
Flutter 是不支持負(fù)的內(nèi)邊距的棚菊，但是有兩種方式可以模擬實(shí)現(xiàn)
transform: Matrix4.translationValues(0.0, -50.0, 0.0)
Stack(overflow: Overflow.visible) + Positioned
Positioned Widget 既想水平居中浸踩，又想使用 top 或 bootom 等屬性來調(diào)整垂直方向的位置如果實(shí)現(xiàn)?
調(diào)整 Stack 的 alignment 參數(shù)來保持水平方向?qū)R，Positioned 的 child 通過 top 或 bootom 等屬性來調(diào)整垂直方向位置统求。
Stack(
alignment: Alignment.bottomCenter,
children: [
_buildImagesBody(),
_buildImageIndex(),
_buildTextInfo(),
],
),
狀態(tài)欄風(fēng)格管理
AppBar 自身是可以通過
brightness屬性來管理的检碗。如果頁面中沒有使用
AppBar我封裝了一個(gè)Widget可供使用。每個(gè)頁面都可以獨(dú)立進(jìn)行管理相應(yīng)的狀態(tài)風(fēng)格码邻。
enum StatusBarStyleType {
dark,
light,
}
class StatusBarStyle extends StatelessWidget {
final StatusBarStyleType type;
final Widget child;
const StatusBarStyle({
Key key,
@required this.child,
this.type = StatusBarStyleType.dark,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final SystemUiOverlayStyle overlayStyle = type == StatusBarStyleType.dark
? SystemUiOverlayStyle.dark
: SystemUiOverlayStyle.light;
return AnnotatedRegion<SystemUiOverlayStyle>(
value: overlayStyle,
child: child,
);
}
}
