美文网首页Flutter开发学习拣选文章
Flutter Dart List.map() 获取下标

Flutter Dart List.map() 获取下标

作者: fordG | 来源:发表于2019-05-13 16:22 被阅读0次
class HomePageState extends State{
  final topTitles = ['审批单', '机票列表', '客服'];
  final topIcons = ['assets/home/approval.png', 'assets/home/air_ticket.png', 'assets/home/service.png'];
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      appBar: AppBar(
        title: Text('首页')
      ),
      body: Column(
        children: <Widget>[
          //顶部
          Row(
            children: topTitles.asMap().keys.map((f)=>
                Expanded(
                  flex: 1,
                  child: Column(
                    children: <Widget>[
                      Image(
                        image: new AssetImage(topIcons[f]),
                        height: 60, width: 60),
                      Text(topTitles[f])
                    ],
                  ),
                )).toList(),
          ),
          //列表

        ],
      ),
    );
  }

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    print("initStateHome");
  }

}
  • 用其他语言,一般都可以map()来迭代数组, 获取index, element,用dart的map()发现无法获取下标,百度发现说用asMap
image.png
  • list.asMap()获取的是一个map对象, 默认以下标作为key, so 通过keys就可以获取下标数组, 这样就可以获取我想要的下标了。

相关文章

网友评论

    本文标题:Flutter Dart List.map() 获取下标

    本文链接:https://www.haomeiwen.com/subject/nvkraqtx.html