亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

flutter 實(shí)現(xiàn)多布局列表的示例代碼

 更新時(shí)間:2020年02月02日 12:04:11   作者:泰山123  
這篇文章主要介紹了flutter 實(shí)現(xiàn)多布局列表的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

閑來(lái)無(wú)事,寫(xiě)個(gè)玩安卓的首頁(yè),實(shí)現(xiàn)多布局、banner的效果。其中涉及知識(shí)點(diǎn)側(cè)滑,pageview 切換頁(yè)面,頁(yè)面跳轉(zhuǎn)傳值及回調(diào)數(shù)據(jù)(在側(cè)滑里)。這些都是基于自己學(xué)習(xí)做的demo。
當(dāng)然還有很多瑕疵需要完善。

先看效果:

這里主要講解多布局,所以其他功能可以參考github
https://github.com/chentaishan/flutter_app

多布局功能代碼:

 @override
 void initState() {
  // TODO: implement initState
  super.initState();
  // 獲取網(wǎng)絡(luò)數(shù)據(jù) 一個(gè)banner 一個(gè)列表
  initBannerData();
  initHomeList();
 }

 @override
 Widget build(BuildContext context) {
  Widget itemColor = Divider(
   color: Colors.blue,
  );
  Widget nullColor = Divider(
   color: Colors.white,
  );
  return ListView.separated(
   itemCount: _homeListBeanEntity.data.datas.length,
   itemBuilder: (BuildContext context, int index) {
   // 根據(jù)規(guī)則,抽取banner方法和listitem
    return _bannerBeanData != null && _bannerBeanData.data.length > 0&&index==0
      ? bannerItem(_bannerBeanData)
      : listItem(_homeListBeanEntity, index);
   },
   separatorBuilder: (BuildContext context, int index) {
    return index > 0 ? itemColor : nullColor;
   },
  );
 }

void initBannerData() async {
  result = await getNetWorkData("https://www.wanandroid.com/banner/json");

  print("list=" + result);

  if (result.toString().length > 0) {
   BannerBeanEntity bannerBeanEntity =
     BannerBeanEntity.fromJson(json.decode(result));
   if (bannerBeanEntity != null) {
    setState(() {
     _bannerBeanData = bannerBeanEntity;
    });
   }
  }
 }

getNetWorkData(String url) async {
  var uri = Uri.parse(url);

  HttpClient httpClient = new HttpClient();

  HttpClientRequest request = await httpClient.getUrl(uri);

  HttpClientResponse httpClientResponse = await request.close();

  var str = await httpClientResponse.transform(utf8.decoder).join();

  print(httpClientResponse.toString());

  return str;
 }
 void initHomeList() async {

  result =await getNetWorkData("https://www.wanandroid.com/article/list/0/json");

  print("list=" + result);

  if (result.toString().length > 0) {
   HomeListBeanEntity homeListBeanEntity =
     HomeListBeanEntity.fromJson(json.decode(result));
   if (homeListBeanEntity != null) {
    setState(() {
     _homeListBeanEntity = homeListBeanEntity;
    });
   }
  }
 }

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • Kotlin協(xié)程launch原理詳解

    Kotlin協(xié)程launch原理詳解

    這篇文章主要為大家介紹了Kotlin協(xié)程launch原理的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • Flutter 用自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)實(shí)現(xiàn)頁(yè)面切換

    Flutter 用自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)實(shí)現(xiàn)頁(yè)面切換

    本篇介紹了 fluro 導(dǎo)航到其他頁(yè)面的自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)實(shí)現(xiàn),F(xiàn)lutter本身提供了不少預(yù)定義的轉(zhuǎn)場(chǎng)動(dòng)畫(huà),可以通過(guò) transitionBuilder 參數(shù)設(shè)計(jì)多種多樣的轉(zhuǎn)場(chǎng)動(dòng)畫(huà),也可以通過(guò)自定義的 AnimatedWidget實(shí)現(xiàn)個(gè)性化的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)效果。
    2021-06-06
  • Flutter?Getx中的put和lazyPut函數(shù)使用案例解析

    Flutter?Getx中的put和lazyPut函數(shù)使用案例解析

    這篇文章主要為大家介紹了Flutter?Getx中的put和lazyPut函數(shù)使用案例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • Android一次性退出多個(gè)Activity的方法

    Android一次性退出多個(gè)Activity的方法

    這篇文章主要介紹了Android一次性退出多個(gè)Activity的方法,結(jié)合實(shí)例形式分析了Activity的創(chuàng)建,繼承,遍歷與關(guān)閉等實(shí)現(xiàn)步驟與相關(guān)技巧,需要的朋友可以參考下
    2016-02-02
  • Android studio 自動(dòng)換行和取消自動(dòng)換行操作

    Android studio 自動(dòng)換行和取消自動(dòng)換行操作

    這篇文章主要介紹了Android studio 自動(dòng)換行和取消自動(dòng)換行操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-04-04
  • Android防止按鈕重復(fù)點(diǎn)擊示例代碼

    Android防止按鈕重復(fù)點(diǎn)擊示例代碼

    本文介紹封裝的一個(gè)小的工具類(lèi)庫(kù),按鈕點(diǎn)擊事件類(lèi)庫(kù),該類(lèi)庫(kù)可以防止按鈕重復(fù)點(diǎn)擊,可以判斷網(wǎng)絡(luò)狀態(tài),可以判斷用戶(hù)登錄態(tài),以及自定義驗(yàn)證條件等等,有興趣的可以了解一下
    2018-05-05
  • Android相機(jī)啟動(dòng)加速詳解

    Android相機(jī)啟動(dòng)加速詳解

    本篇文章給大家詳細(xì)分析了Android實(shí)現(xiàn)相機(jī)啟動(dòng)加速的相關(guān)知識(shí)點(diǎn)內(nèi)容以及實(shí)例代碼,有興趣的朋友參考下。
    2018-07-07
  • Android自定義圖片選擇器簡(jiǎn)單版

    Android自定義圖片選擇器簡(jiǎn)單版

    這篇文章主要為大家詳細(xì)介紹了Android自定義圖片選擇器簡(jiǎn)單版,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2018-02-02
  • Android在項(xiàng)目中接入騰訊TBS瀏覽器WebView的教程與注意的地方

    Android在項(xiàng)目中接入騰訊TBS瀏覽器WebView的教程與注意的地方

    今天小編就為大家分享一篇關(guān)于Android在項(xiàng)目中接入騰訊TBS瀏覽器WebView的教程與注意的地方,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2018-10-10
  • Android自定義照相機(jī)的實(shí)例

    Android自定義照相機(jī)的實(shí)例

    這篇文章主要介紹了Android自定義照相機(jī)的實(shí)例的相關(guān)資料,需要的朋友可以參考下
    2017-06-06

最新評(píng)論