探求flutter全栈开发

显示一种网络图片

Kotlin 复制代码
import 'package:flutter/material.dart';
main(){runApp(MaterialApp(theme: ThemeData.dark(),home:Home(),));}

class Home extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar:AppBar(title: Text("python"),centerTitle: true ,backgroundColor:Colors.red,),
      body: Image.network('https://pic2.zhimg.com/50/v2-060cd30fd5251c238ce5be1f9baa3741_hd.jpg?source=1940ef5c',height: 120,width: 120,fit: BoxFit.cover)
    );
  }

  }

GestureDetector(首饰探测器)

Kotlin 复制代码
import 'package:flutter/material.dart';
main(){runApp(MaterialApp(theme:ThemeData.dark(),home:Home(),));}


class Home extends StatefulWidget{
  @override
  _HomeState  createState()=>_HomeState();

}

class _HomeState extends State<Home>{
  var count=0;
  @override
  Widget build(BuildContext context) {

    return Scaffold(
        appBar: AppBar(backgroundColor: Color(0xFFFF0000),title:Text("这是一个标题") ,),
        body: GestureDetector(child:Text('ddd',style:TextStyle(fontSize: 50),),
          onTap: (){print('您点击了一次');},
        )
      );
    }
}

给按钮设置点击事件

Kotlin 复制代码
import 'package:flutter/material.dart';
main(){runApp(MaterialApp(theme:ThemeData.dark(),home:Home(),));}


class Home extends StatefulWidget{

  @override
  _HomeState  createState()=>_HomeState();

}

class _HomeState extends State<Home>{
  var c1=TextEditingController();
  var count=0;
  @override
  Widget build(BuildContext context) {

    return Scaffold(
        appBar: AppBar(backgroundColor: Color(0xFFFF0000),title:Text("这是一个标题") ,),
        body: Column(children: [
          TextField(controller: c1,),
          ElevatedButton(onPressed:(){print(c1.text);}, child:Text('click'))
        ],),
      );
    }
}
相关推荐
恋猫de小郭9 小时前
Flutter THLC 的 WebView 滚动终于从 70 FPS 提升到 120 FPS
android·前端·flutter
好的佩奇20 小时前
Dart 之扩展类型
android·flutter·dart
恋猫de小郭1 天前
Flutter 下 AOT 一个你怎么都想不出来的 Bug ,JIT 正常的计算,在 AOT 居然算错了
android·前端·flutter
好的佩奇2 天前
Dart 之扩展方法
android·flutter·dart
好的佩奇2 天前
蓝牙之经典蓝牙
android·flutter·蓝牙
传奇开心果编程2 天前
【Flutter踩坑排雷】第19课:路由硬编码坑|字符串路由书写错误,页面跳转失败排查
android·flutter·ios·移动开发·跨平台·ui框架·声明式ui
Nerd(BUG版)3 天前
Flutter学习day5--事件手势与命中测试
学习·flutter
传奇开心果3 天前
【Flutter踩坑排雷】第5课:扩展方法冲突坑|同名扩展引发编译歧义,故障规避手段
android·flutter
雪铃儿4 天前
Flutter 双端热更新新方案:基于 Dart 官方动态模块的 flutter_patcher 1.0.0
flutter·hotfix