Flutter使用andriod studio自定义代码块

如果不想听作者废话请直接跳过下方文字

我们经常会用到stless、stful快速创建widget,但是在实际开发中只有这两个是远远不够的,例如你抖动键盘敲出 if 的时候会惊奇发现:我靠,花括号去哪儿了?被中间商赚差价吃掉了么???最后还是得手动实现,更别说Switch、While…之类,所以好东西要跟大家分享,依照本人的习惯将能精简的全部重定义,不要小看这一点一点优化,在以后的开发中它会帮助提升不小的效率,甚至给你一种敲代码纵享丝滑的感觉 😏😏😏,这句话只有经历过的同学才会明白,原因我不解释。好,辛苦您老人家不耐其烦能看到这里,现在开始介绍下如何自定义代码块,其实很简单,请看截图 😁

一、进入 AS中的 preferences -> Editor -> Live Templates

image

**注意:**输入代码块的时候,最好给填上形参代码,以图片 if 为例

image

形参代码格式为: 形 参 名 称 形参名称 , 其中形参名称为自定义

如果你不理解这种方式可以看看系统定义的 stless 代码块

image

二、点击Apply/OK ,在dart文件中,敲击关键词 if 你就可以使用了

首段写那么多无非是想体现一下我的文笔水平 😢😢😢 但是后来反复看,好像文笔一般般嘛…

欢迎大家有问题可以入群 QQ 528214618 讨论

谢谢大家!

image

好的,我可以为您提供一个简单的自定义列表块封装示例。以下是一个基本的代码示例: ```dart import 'package:flutter/material.dart'; class CustomListItem extends StatelessWidget { CustomListItem({ this.title, this.subtitle, this.thumbnail, }); final String title; final String subtitle; final Widget thumbnail; @override Widget build(BuildContext context) { return Padding( padding: const EdgeInsets.symmetric(vertical: 10.0), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ thumbnail, Expanded( child: Padding( padding: const EdgeInsets.fromLTRB(20.0, 0.0, 2.0, 0.0), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[ Text( title, style: const TextStyle( fontWeight: FontWeight.bold, fontSize: 18.0, ), ), const Padding(padding: EdgeInsets.symmetric(vertical: 2.0)), Text( subtitle, style: const TextStyle(fontSize: 16.0), ), ], ), ), ) ], ), ); } } ``` 您可以在需要使用自定义的列表块的地方使用此小部件。例如,以下是一个使用自定义列表块的示例: ```dart class MyCustomList extends StatelessWidget { @override Widget build(BuildContext context) { return ListView( padding: const EdgeInsets.all(10.0), children: <Widget>[ CustomListItem( title: 'Flutter', subtitle: 'Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase', thumbnail: Container( decoration: const BoxDecoration(color: Colors.blue), ), ), CustomListItem( title: 'Dart', subtitle: 'A client-optimized language for fast apps on any platform', thumbnail: Container( decoration: const BoxDecoration(color: Colors.green), ), ), CustomListItem( title: 'Material Design', subtitle: 'A design system for building beautiful, natively compiled applications for mobile, web, and desktop', thumbnail: Container( decoration: const BoxDecoration(color: Colors.orange), ), ), ], ); } } ``` 这个示例中,我们使用 `MyCustomList` 小部件来构建一个包含三个自定义列表块的列表。每个列表块都包含一个缩略图、标题和子标题。请注意,我们可以在自定义列表块中使用任何小部件,以便根据自己的需求进行自定义
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值