• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

flutter file_picker文件选择器具体用法

武飞扬头像
咸鱼得翻身不然就糊了
帮助3

首先自然是去pubspec.yaml
添加file_picker: ^4.3.3具体可以去https://pub.dev/packages/file_picker查看
记得点pub git

然后直接上代码

import 'package:flutter/material.dart';
import 'package:file_picker/file_picker.dart';//导入filepicker
var aasd;//取出的值,名字瞎起的
void main() {
  runApp(const MyApp());
}
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHome(),
    );
  }
}
//以上不解释,都是标准流程

class MyHome extends StatefulWidget {                //建立有状态类
  const MyHome({Key? key}) : super(key: key);
  @override
  _MyHomeState createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {
  @override
  Widget build(BuildContext context) {             //往上都是建立有状态类自动生成

    return Scaffold(                              //开始布局
      appBar: AppBar(),
      body:Container(                             //放个Container
          child:Column(                           //放个垂直布局
            children: [
              TextButton(onPressed: () async {    //来个按钮,onPressed: () async 点击事件异步处理
                //往下开始用filepick提供的方法
                FilePickerResult? result = await FilePicker.platform.pickFiles(
                  type: FileType.custom,
                  allowedExtensions: ['text'],    //筛选文件类型
                );
				//这就用完了,下面就赋值了
                if (result != null) {
                  PlatformFile file = result.files.first;
                  aasd = file.path;                  //取数据,有name,path,size等等,这就取个文件地址

                  setState(() {                     //刷新界面显示数据,否则下面的text不更新

                  });
                } else {
                  // User canceled the picker
                }
              }, child: Text('点击选择'),                 //按钮文字
              ),
              Container(
                child:Text('$aasd') ,                 //来个Text显示一下
              )
            ],


          )


      ),

    );
  }
}














学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhfhffgc
系列文章
更多 icon
同类精品
更多 icon
继续加载