flutter控件之ListView

import 'package:flutter/material.dart';
class LearnListView extends StatefulWidget{
  @override
  State<StatefulWidget> createState() {
    return new _LearnListView();
  }
}
class _LearnListView extends State<StatefulWidget>{

  final List<int> data=[];

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    for(int i=0;i<100;i++){
      data.add(i);
    }
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new ListView.builder(
        itemBuilder: (BuildContext context, int index) {
          int itemDat=data[index];
          return new Row(
            children: <Widget>[
              new Container(
                child:new Image.network(
                  'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=15335368'
                      '41326&di=682e2e7c3810ac92be325e62e173c0ea&imgtype=0&src=http%3A%2F%2Fs6.si'
                      'naimg.cn%2Fmw690%2F006LDoUHzy7auXEaYER25%26690',
                  width: 100.0,
                  height: 70.0,
                  fit: BoxFit.cover,
                ),
                margin: EdgeInsets.all(10.0),
              ),
              new Expanded(
                child:new Column(
                  children: <Widget>[
                    new Container(
                      height: 70.0,
                      child: new Text('這是一張非常漂亮的美女圖$itemDat,喜歡就趕緊來(lái)欣賞吧,等著你哦'),
                    ),
                  ],
                ),
                flex: 1,
              ),
            ],
          );
        },
        itemCount:data.length ,
      ),
    );
  }
}
1.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容