Flutter基础控件使用

• GestureDetector
  • 基础事件
• FloatingActionButton
  • 简述
  • 效果
• persistentFooterButtons
  • 简述
  • 代码
  • 效果
• ListTile
  • padding 调整
• BMW WARNING

GestureDetector

基础事件

• onTap
• onTapDown
• onTapUp
• onLongPress
• onLongPressUp
• onLongPressDown
• onDoubleTap

FloatingActionButton

简述

FloatingActionButton 简称 FAB ,可以实现浮动按钮，也可以实现类似闲鱼 app 的底部凸起导航

floatingActionButton: FloatingActionButton(
          onPressed: () {
            setState(() {
              _controller.value.isPlaying
                  ? _controller.pause()
                  : _controller.play();
            });
          },
          child:Icon(
            _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
          ),
        ),

效果

persistentFooterButtons

简述

固定显示在下放的组件

代码

persistentFooterButtons: <Widget>[
          IconButton(icon: Icon(
            _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
          ), onPressed: () {
            setState(() {
              _controller.value.isPlaying
                  ? _controller.pause()
                  : _controller.play();
            });
          }),
          IconButton(icon: Icon(Icons.cancel), onPressed: () {
             Navigator.of(context).maybePop();
          }),
        ],

效果

ListTile

padding 调整

BMW WARNING

• Bulletin

I am a bucolic migrant worker but I never walk backwards.

• Material

• Warrant

本文作者： Skyline(lty)
版权声明： 本博客所有文章除特别声明外， 均采用 CC BY - NC - SA 3.0 协议。 转载请注明出处！