探求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'))
        ],),
      );
    }
}
相关推荐
小风呼呼吹儿1 天前
Flutter 框架跨平台鸿蒙开发 - 家庭用药清单:智能管理家庭药品
flutter·华为·harmonyos
kirk_wang1 天前
Flutter艺术探索-GetX框架使用指南:轻量级状态管理
flutter·移动开发·flutter教程·移动开发教程
雨季6661 天前
使用 Flutter for OpenHarmony 构建基础 UI 组件布局:从 Scaffold 到 Container 的实战解析
flutter·ui
时光慢煮1 天前
基于 Flutter × OpenHarmony 的文件管家 —— 构建文件类型分类区域
flutter·华为·开源·openharmony
时光慢煮1 天前
跨端文件管理:Flutter 与 OpenHarmony 搜索栏实战
flutter·华为·开源·openharmony
djarmy1 天前
跨平台Flutter 开源鸿蒙开发指南(三):使用thirdParty的dio库实现网络请求 示例
flutter·华为·harmonyos
Miguo94well1 天前
Flutter框架跨平台鸿蒙开发——护眼提醒APP的开发流程
flutter·华为·harmonyos·鸿蒙
腥臭腐朽的日子熠熠生辉1 天前
Flutter 无限滚动组件实现ListView
flutter
zilikew1 天前
Flutter框架跨平台鸿蒙开发——拼图游戏的开发流程
flutter·华为·harmonyos·鸿蒙
kirk_wang1 天前
Flutter艺术探索-SharedPreferences轻量存储:键值对数据管理
flutter·移动开发·flutter教程·移动开发教程