flutter image-picker 上传图片

最新推荐文章于 2023-12-18 17:15:05 发布

乔花未开

最新推荐文章于 2023-12-18 17:15:05 发布

阅读量679

点赞数

本文链接：https://blog.csdn.net/weixin_43335997/article/details/108349395

版权

本文介绍了在Flutter中如何利用image-picker库实现从相册选择或拍照上传图片的功能，包括事件处理、查询今日打卡状态以及调用接口获取图片上传路径和完成打卡操作的详细步骤。

摘要由CSDN通过智能技术生成

画part页面

 Container(
                alignment:Alignment.center ,
                margin: EdgeInsets.only(top: 10,bottom: 30),
                padding: EdgeInsets.all(10),
                child: Column(
                  children: <Widget>[
                    InkWell(//--水波纹控件/添加点击事件--
                      onTap: (){
   
                        _showDialog();//--点击触发底部面板--
                      },
                      child: Container(//加号&边框
                        height:80.0,
                        width:80.0,
                        decoration: BoxDecoration(
                            borderRadius: BorderRadius.circular(5),///圆角
                            border: Border.all(color: Colors.black12,width: 1,)///边框颜色、宽
                        ),
                        child: Icon(Icons.add,color:Colors.black12),
                      ),
                    ),
                    Container(//点击后图片的显示与隐藏
                      margin: EdgeInsets.only(top: 10.0),
                      child: _image == null
                          ? Text('',style: (TextStyle(color: Colors.black45,fontSize: 14.0)),)
                          : Image.file(
                        File(_image),
                        width: 300,
                        height: 200,
                      ),
                    ),
                  ],
                ),
              ),
//图片是否上传后对应按钮显示上传即打卡状况
  mark==0?//---标志是否打卡-
             Container(
                // margin: EdgeInsets.only(top:G.screenHeight()>800? 110:90,bottom: G.screenHeight()>800? 30:20,left:20,right: 20 ),
                alignment:Alignment.bottomCenter,
                child:   AButton.normal(
                  width: G.screenWidth()-40,
                  child:Row(children: <Widget>[
//                   user_ico(color:hex('#fff'), size: 20),
                    Text('打卡',style: TextStyle(fontSize: 15),),
                  ],
                      mainAxisAlignment:MainAxisAlignment.center
                  ),
                  color: hex('#fff'),
                  bgColor: Color(0xFF1A4A7A