為了提升用戶體驗,使用三方登錄APP的功能怎么能少呢,但是蘋果的AppStore有一個很變態(tài)的要求,接入其他三方登錄的話,要求必須也要接入蘋果登錄。面對這么變態(tài)的要求,作為一個有實力的碼農(nóng)怎么能拒絕呢!
創(chuàng)新互聯(lián)建站主營淮濱網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都App定制開發(fā),淮濱h5微信小程序定制開發(fā)搭建,淮濱網(wǎng)站營銷推廣歡迎淮濱等地區(qū)企業(yè)咨詢
下面為大家介紹一個好用的Flutter插件 Sign in With Apple ,可以幫助我們快速的接入蘋果賬號功能,插件的英文文檔講的比較詳細了,英文好的同學可以直接參閱英文文檔集成。
在項目的 pubspec.yaml 文件中添加sign_in_with_apple插件的依賴,如果您使用的Flutter SDK 1.x版本請?zhí)砑右蕾嚢姹?2.5.4 :
如果您使用的Flutter SDK為2.x,請使用最新版本,當前最新版本 3.0.0
使用XCode打開項目后,按照以下圖片上的步驟添加 Sign in With Apple Capabilities:
成功添加 Sign in With Apple能力后,可以在下面的列表中就代表添加成功了,如下圖:
水平垂直居中布局。類似Container設置alignment
固定寬高布局,類似Container設置了寬高
寬高比布局。
四、FractionallySizedBox
百分比布局。
這里注意百分比布局外層一定是一個有大小的容器(如SizedBox、Container),否則會報錯。
卡片布局。
本地Flutter 2.10.1,Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子,初學Flutter ,文章會根據(jù)學習進度不定時更新,請多多指教~~
近來閑暇時間一直在做Flutter,閃屏頁是一個比較常見的需求,網(wǎng)上的閃屏頁教程大部分是那種類似于廣告頁,而非iOS中的 LaunchScreen 性質(zhì)的閃屏頁.按照原來的方案我們要配置閃屏頁的話,我們需要同時配置兩端的閃屏頁,那么有沒有比較簡單的方案來配置閃屏頁呢? 毋庸置疑,當然是有了,那就是Flutter的插件 - flutter_native_splash . 接下來我們就來看一下具體應該怎么使用這個插件.
首先把 flutter_native_splash 導入到工程的 pubspec.yaml 中.這里需要注意的是需要放在 dev_dependencies 下,而不是 dependencies .具體如下所示.
接下來我們就來配置 flutter_native_splash ,在配置之前我們看一下 flutter_native_splash 的可配置項.
例如,我現(xiàn)在只有一個logo圖片,那么我想生成iOS和android兩端的閃屏頁,這時候我只需在 pubspec.yaml 如下設置即可.
當然了,如果你有其他配置可以自行進行添加.
配置完成了,我們該如何生成呢?這時候需要我們打開終端 cd 到我們的工程目錄下.如果是Android Studio 或者 VSCode 默認就是在當前工程目錄下.
然后我們需要執(zhí)行下面的三個命令來生成閃屏頁
每一次都敲三個命令實屬麻煩,我們把上訴的三個命令整合成一個命令,如下所示.
那么,我們不想使用該插件生成的閃屏頁該怎么辦呢?我們只需要執(zhí)行下面命令即可.
注:每一次更換圖片都是需要重新執(zhí)行命令重新生成.
OK,上面就是關于 flutter_native_splash 的使用全部內(nèi)容,其實比較簡單,如果需要定制化的,建議還是各自平臺配置各自的閃屏頁.如果有任何問題歡迎在評論區(qū)批評指導,感謝大家了.
此框架旨在將常規(guī)的Flutter項目中使用到的通用(與業(yè)務無關)的功能從剝離出來,構(gòu)成Flutter開發(fā)項目的框架,在開發(fā)新的Flutter項目時,可以直接引用本項目 import 'package:framework/framework.dart' 來使用框架中相關的功能,提升開發(fā)效率。 github項目地址
此框架目前包含以下功能模塊:接口請求API模塊、消息提示模塊、路由模塊、統(tǒng)一錯誤處理、日志模塊、屏幕適配測試、自定義UI組件庫、本地存儲模塊構(gòu)成