从零开始的Flutter之旅: StatelessWidget

最新推荐文章于 2024-07-30 22:37:15 发布

怪谈时间到了

最新推荐文章于 2024-07-30 22:37:15 发布

阅读量707

点赞数 1

分类专栏： Flutter 文章标签： flutter android ios java kotlin

本文链接：https://blog.csdn.net/fan757709373/article/details/104709932

版权

在这里插入图片描述
这次要展示的是什么是Flutter的Widget，即小部件；以及如何在Flutter中使用StatelessWidget，即无状态小部件。

至于Flutter，通俗的讲是开发者可以通一套简单的代码来同时构建Android与IOS应用程序。

特性

小部件是Flutter应用程序的基本构建模块，每一个都是不可变的声明，也是用户界面的一部分。例如button，text，color以及布局所用到的padding等等。

下面我们来看flutter_github中的一个实例。
在这里插入图片描述

圈选中的item只有两个信息，头像与名称。为了避免代码的重复使用，将其抽离成一个独立的widget，具体代码如下

class FollowersItemView extends StatelessWidget {
  final GestureTapCallback tapCallback;
  final String avatarUrl;
  final String name;
 
  const FollowersItemView(
      {Key key, this.avatarUrl, this.name, this.tapCallback})
      : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 15.0),
      child: GestureDetector(
        behavior: HitTestBehavior.opaque,
        onTap: tapCallback,
        child: Column(
          children: <Widget>[
            Row(
              children: <Widget>[
                FadeInImage.assetNetwork(
                  placeholder: 'images/app_welcome