探求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'))
        ],),
      );
    }
}
相关推荐
天天开发12 分钟前
Flutter每日库: local_auth本地设备验证插件
flutter
天天开发1 小时前
Flutter每日库: logger自定义日志格式并输出到文件
flutter
美摄科技1 小时前
为什么选择Flutter美颜SDK?
flutter
程序员老刘18 小时前
跨平台开发地图:客户端技术选型指南 | 2025年11月 |(Valdi 加入战场)
flutter·react native·客户端
西西学代码19 小时前
Flutter---Listview横向滚动列表(2)
linux·运维·flutter
未来猫咪花20 小时前
🔥 神奇的 Dart Zone 机制
flutter
AskHarries21 小时前
RevenueCat 接入 Apple App Store 订阅全流程详解(2025 最新)
flutter·ios·app
白茶三许1 天前
关于Flutter版本过低导致鸿蒙虚拟机启动失败的问题解决
flutter·开源·harmonyos·openharmony
消失的旧时光-19431 天前
Flutter 与 React/Vue 为什么思想一致?——声明式 UI 体系的深度对比(超清晰版)
vue.js·flutter·react.js
rainboy2 天前
Flutter :自己动手,封装一个小巧精致的气泡弹窗库
前端·flutter·github