国产精品一区二区久久国产,欧美午夜精品久久久久久浪潮,欧美多人乱大交xxxxx变态

對于好奇的你來說，新生兒Flutter的出世，是不是要????一下，那么各位老鐵請坐穩扶好，航班起飛~~
目錄
1、官方簡介
2、安裝環境
3、Widget介紹
4、動畫
5、界面跳轉
6、Dart中的異步
7、與原生進行交互
文檔參考 max神

1、官方簡介

Flutter
Flutter中文網
Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。

官方自吹：

快速開發: 毫秒級的熱重載，修改后，您的應用界面會立即更新。使用豐富的、完全可定制的widget在幾分鐘內構建原生界面。
富有表現力和靈活的UI: 快速發布聚焦于原生體驗的功能。分層的架構允許您完全自定義，從而實現難以置信的快速渲染和富有表現力、靈活的設計
原生性能: Flutter包含了許多核心的widget，如滾動、導航、圖標和字體等，這些都可以在iOS和Android上達到原生應用一樣的性能。

商業互吹：

Flutter 跨平臺方案介紹：https://m.imooc.com/article/30436
與RN的性能對比：https://yq.aliyun.com/articles/637499?spm=a2c4e.11628350.blogcont.1.1f741260znzYpa

參考鏈接:

2、安裝環境

下載FlutterSDK: https://github.com/flutter/flutter/releases
配置vscode編輯器：https://flutterchina.club/get-started/editor/#vscode
附：vs下載地址 https://code.visualstudio.com
vscode 命令運行flutter doctor，會提示你設置flutterSDK路徑（如果遇到權限問題需要用Sudo chown命令，如果遇到文件夾不存在需要手動創建對應的文件夾）
構建第一個Flutter程序：

創建程序 ：VSCode -> View -> Command palette : Flutter NewProject

運行程序 ：Debug -> Start Debuging

Hello World!:

void main() => runApp(Center(child:Text("hello,world!",textDirection: TextDirection.ltr)));

3、Widget介紹

鏈接：https://flutterchina.club/widgets-intro/

基礎Widget：

MaterialApp：該widget在應用程序的根部創建了一些有用的widget，其中包括一個Navigator，它管理由字符串標識的Widget棧（即頁面路由棧）。Navigator可以讓您的應用程序在頁面之間的平滑的過渡。

Scaffold：實現MaterialDesign布局Widget, 此類提供tabbar，navigationBar和bottomSheets等

Row、 Column：這些具有彈性空間的布局類Widget可讓您在水平（Row）和垂直（Column）方向上創建靈活的布局。其設計是基于web開發中的Flexbox布局模型。
Stack：取代線性布局 (譯者語：和Android中的LinearLayout相似)，Stack允許子 widget 堆疊，你可以使用 Positioned 來定位他們相對于Stack的上下左右四條邊的位置。Stacks是基于Web開發中的絕度定位（absolute positioning )布局模型設計的。
Container： Container 可讓您創建矩形視覺元素。container 可以裝飾為一個BoxDecoration, 如 background、一個邊框、或者一個陰影。 Container 也可以具有邊距（margins）、填充(padding)和應用于其大小的約束(constraints)。另外， Container可以使用矩陣在三維空間中對其進行變換。
當然還有常用的其他一些Widget就不一一羅列了，exam：Padding、Image、Clip... https://flutterchina.club/widgets/

但是有必要說一下：Cupertino系列Widget是基于iOS設計語言的Widget風格

4、動畫

官方詳細介紹：https://flutterchina.club/animations/

個人總結：

Flutter 動畫不同于iOS動畫，一個block執行一個動畫

Flutter的動畫的核心類為：

AnimationController：控制動畫的開始，暫停，與結束，它不關心我在執行什么動畫
Animation：這個是一個抽象類，決定動畫的數據和變化方式等，可以通過addListener去監聽其Value的變化，初始化的時候需要一個AnimationController；
開始一段動畫過程:

AnimationController.forward();//開始動畫
Animation.value 發生變化，并執行Animation.notifyListener()
監聽函數執行 setState()
子Widget 根據Animation的value值進行布局
總結:就是不停的根據Animation的變化進行setState()，Flutter的動畫并不關心Widget的布局方式等，只提供動畫的數據模型

5、界面跳轉

使用了 Navigator 和 Routes。一個路由是 App 中“屏幕”或“頁面”的抽象，而一個 Navigator 是管理多個路由的 widget 。你可以粗略地把一個路由對應到一個 UIViewController。Navigator 的工作原理和 iOS 中 UINavigationController 非常相似，當你想跳轉到新頁面或者從新頁面返回時，它可以 push() 和 pop() 路由。

兩種方式跳轉：

構建路由表

void main() {
  runApp(MaterialApp(
    home: MyAppHome(), // becomes the route named '/'
    routes: <String, WidgetBuilder> {
      '/a': (BuildContext context) => MyPage(title: 'page A'),
      '/b': (BuildContext context) => MyPage(title: 'page B'),
      '/c': (BuildContext context) => MyPage(title: 'page C'),
    },
  ));
}

//跳轉
Navigator.of(context).pushNamed('/b');

直接通過widget創建一個路由


Navigator.push(context, new MaterialPageRoute(
                builder: (BuildContext context) => new FTShareHomePage(title: "ShareSDK Flutter Bridge"),
                // fullscreenDialog: true,
              ));
數據回傳
//比如push到位置選擇界面
Map coordinates = await Navigator.of(context).pushNamed('/location');

//用戶選擇了位置pop出來
Navigator.of(context).pop({"lat":43.821757,"long":-79.226392});

6、Dart中的異步

1. 先了解代碼怎么寫


Future<Map> loadData() async {
  String dataURL = "https://jsonplaceholder.typicode.com/posts";
  http.Response response = await http.get(dataURL);
  return json.decode(response.body);
}

//調用
loadData().then((Map data){
    
});

2. 原理其實不重要（手動滑稽）

官方介紹：

Dart 是單線程執行模型，但是它支持 Isolate（一種讓 Dart 代碼運行在其他線程的方式）、事件循環和異步編程。除非你自己創建一個 Isolate ，否則你的 Dart 代碼永遠運行在 UI 線程，并由 event loop 驅動。Flutter 的 event loop 和 iOS 中的 main loop 相似——Looper 是附加在主線程上的。

Dart 的單線程模型并不意味著你寫的代碼一定是阻塞操作，從而卡住 UI。相反，使用 Dart 語言提供的異步工具，例如 async / await ，來實現異步操作。

進階介紹：

Flutter,你是怎么把工作放到后臺線程的？

7、與原生進行交互

官方介紹鏈接: https://flutterchina.club/platform-channels/

介紹

應用的Flutter部分通過平臺通道（platform channel）將消息發送到其應用程序的所在的宿主（iOS或Android）。
宿主監聽的平臺通道，并接收該消息。然后它會調用特定于該平臺的API（使用原生編程語言）

代碼示例：

dart代碼怎么寫


//創建一個channel
  static const channel = const MethodChannel('com.mob.flutter/sharesdk');

// invokeMethod 方法執行原生方法
  static Future<Map> share(int platform, Map params) async {
    return await channel.invokeMethod("share", [platform, params]);
  }

原生層：


- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  [GeneratedPluginRegistrant registerWithRegistry:self];
    
    FlutterViewController* controller = (FlutterViewController*)self.window.rootViewController;
    FlutterMethodChannel *channel = [FlutterMethodChannel
                                     methodChannelWithName:@"com.mob.flutter/sharesdk"
                                     binaryMessenger:controller];
    [channel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {
        
        dispatch_async(dispatch_get_main_queue(), ^{
            
            if ([call.method isEqualToString:@"share"])
            {
                NSMutableDictionary *params = @{}.mutableCopy;
                NSArray *args = call.arguments;
                [params SSDKSetupShareParamsByText:args.lastObject[@"text"] images:args.lastObject[@"images"] url:args.lastObject[@"url"] title:args.lastObject[@"title"] type:SSDKContentTypeAuto];
                [ShareSDK share:[args.firstObject integerValue]
                     parameters:params
                 onStateChanged:^(SSDKResponseState state,
                                  NSDictionary *userData,
                                  SSDKContentEntity *contentEntity,
                                  NSError *error) {
                     
                     NSMutableDictionary *dic = @{}.mutableCopy;
                     dic[@"state"] = @(state);
                     dic[@"userData"] = userData;
                     dic[@"contentEntity"] = contentEntity.dictionaryValue;
                     dic[@"error"] = error.userInfo;
                     if (result)
                     {
                         result(dic);
                     }
                 }];
            }
        });
        
    }];
    
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

PS：

通道的客戶端和宿主通過通道構造函數中傳遞的通道名稱進行連接。單個應用中使用的所有通道名稱必須是不同的; 我們建議在通道名稱前加一個唯一的“域名前綴”，例如 samples.flutter.io/battery。（flutter 中文網google翻譯害死人）
setMethodCallHandler 回調不在主線程

Demo

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

Flutter 學習

Flutter 學習

1、官方簡介

官方自吹：

商業互吹：

參考鏈接:

2、安裝環境

3、Widget介紹

鏈接：https://flutterchina.club/widgets-intro/

基礎Widget：

4、動畫

官方詳細介紹：https://flutterchina.club/animations/

5、界面跳轉

兩種方式跳轉：

6、Dart中的異步

1. 先了解代碼怎么寫

2. 原理其實不重要（手動滑稽）

7、與原生進行交互

介紹

代碼示例：

PS：

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

Flutter 學習

1、 官方簡介

官方自吹：

商業互吹：

參考鏈接:

2、安裝環境

3、Widget介紹

鏈接：https://flutterchina.club/widgets-intro/

基礎Widget：

4、動畫

官方詳細介紹：https://flutterchina.club/animations/

5、界面跳轉

兩種方式跳轉：

6、Dart中的異步

1. 先了解代碼怎么寫

2. 原理其實不重要 （手動滑稽）

7、與原生進行交互

介紹

代碼示例：

PS：

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

1、官方簡介

2. 原理其實不重要（手動滑稽）