探求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'))
        ],),
      );
    }
}
相关推荐
风华圆舞5 小时前
在 Flutter 鸿蒙项目里接入文本转语音的完整思路
flutter·华为·harmonyos
勤劳打代码8 小时前
翻江倒海——滚动布局下拉视图管理
flutter·前端框架·开源
spmcor8 小时前
Flutter 学习笔记 (6):路由与导航 —— 从基础 push/pop 到 go_router
flutter
风华圆舞1 天前
在 Flutter 鸿蒙项目里接入语音识别的完整思路
flutter·语音识别·harmonyos
风华圆舞1 天前
鸿蒙 + Flutter 下如何让 HarmonyOS 能力真正服务于 AI 体验
人工智能·flutter·harmonyos
BreezeDove1 天前
【Android】Flutter3.35项目启动超时问题
android·flutter
风华圆舞1 天前
鸿蒙 MICROPHONE 权限在 Flutter 项目里怎么处理
flutter·华为·harmonyos
愚者Pro2 天前
切换本地 Flutter SDK 版本
flutter
TT_Close2 天前
别再复制旧 Flutter 工程了,真正拖慢你的不是业务代码
flutter·npm·visual studio code
风华圆舞2 天前
鸿蒙 + Flutter 下 AI 助手为什么要支持流式输出
人工智能·flutter·harmonyos