Flutter高仿微信-第28篇-好友详情-查看个人头像

Flutter高仿微信系列共59篇，从Flutter客户端、Kotlin客户端、Web服务器、数据库表结构、Xmpp即时通讯服务器、视频通话服务器、腾讯云服务器全面讲解。

详情请查看

效果图：

实现代码：

/*** Author : wangning* Email : maoning20080809@163.com* Date : 2022/9/26 13:22* Description : 查看联系人详情*/
class ContactsDetails extends StatefulWidget {String toChatId;ContactsDetails({required this.toChatId});@override_ContactsDetailState createState() => _ContactsDetailState(this.toChatId);
}class _ContactsDetailState extends State<ContactsDetails> {String _toChatId;_ContactsDetailState(this._toChatId);UserBean? _userBean;@overridevoid initState() {super.initState();loadUserBean();}void loadUserBean() async {UserRepository.getInstance().findUserByAccount(_toChatId).then((userBean) => {setState(() {_userBean = userBean;})});}@overridevoid dispose() {super.dispose();}@overrideWidget build(BuildContext context) {Widget buildMainRow() {return Row(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Container(padding: EdgeInsets.only(left: 12, top: 26, right: 12, bottom: 12),child: GestureDetector(onTap: (){Navigator.push(context, MaterialPageRoute(builder: (context) => CommonImagePreview(fileName : CommonUtils.getReallyImage(_userBean?.avatar), isNetwork: true,)));},child: CommonAvatarView.showBaseImage(_userBean?.avatar??"", 80, 80),),),Expanded(child: Container(padding: EdgeInsets.only(top: 10.0),child: Column(crossAxisAlignment: CrossAxisAlignment.start,children: <Widget>[Text(_userBean?.nickName??"",style: TextStyle(fontSize: 26, fontWeight: FontWeight.bold),),Container(height: 2.0,),GestureDetector(onLongPress: (){Clipboard.setData(ClipboardData(text: "${_userBean?.account??""}"));CommonToast.show(context, "${AppManager.getInstance().appName}：已复制");},child: Text('账号：${_userBean?.account??""}',maxLines: 1,style: TextStyle(color: Colors.black87, fontSize: 16.0),),),/*Container(height: 2.0,),Text('地区：广东 湛江',maxLines: 1,style: TextStyle(color: Colors.grey, fontSize: 13.0),)*/],),)),],);}return Scaffold(appBar: WnAppBar.getAppBar(context, Text("好友详情")),body: Container(color: Color(Style.primaryValue),child: Column(children: <Widget>[Container(decoration: BoxDecoration(color: Colors.white,border: Border(bottom:BorderSide(color: Color(0xffd9d9d9), width: .3))),padding: EdgeInsets.only(bottom: 28.0),child: buildMainRow(),),Container(decoration: BoxDecoration(color: Colors.white,border: Border(bottom:BorderSide(color: Color(0xffd9d9d9), width: .3))),child: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Container(color: Color(0xffEDEDED),height: 10.0,),RawMaterialButton(onPressed: () {Navigator.popUntil(context, (route) {return route.isFirst;});Navigator.push(context, MaterialPageRoute(builder: (c) {return HomeChatPage(toChatId: _toChatId);}));},child: Container(decoration: BoxDecoration(color: Colors.white,border: Border(bottom: BorderSide(color: Color(0xffd9d9d9), width: .3))),alignment: Alignment.center,height: 54.0,child: Text('发消息',style: TextStyle(color: Colors.blue, fontSize: 18),),),),],),),],)),);}
}

Flutter高仿微信-第28篇-好友详情-查看个人头像相关推荐

Flutter高仿微信-第36篇-单聊-语音通话
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 目前市 ...
Flutter高仿微信-第31篇-单聊-表情
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情请 ...
Flutter高仿微信-第46篇-群聊-表情
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情请 ...
Flutter高仿微信-第47篇-群聊-语音
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情 ...
Flutter高仿微信-第48篇-群聊-图片
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情 ...
Flutter高仿微信-第32篇-单聊-语音
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 详情请 ...
Flutter高仿微信-第54篇-群聊-邀请好友
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看 Flutter ...
Flutter高仿微信-第26篇-新的朋友
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 实现代 ...
Flutter高仿微信-第57篇-添加好友
Flutter高仿微信系列共59篇,从Flutter客户端.Kotlin客户端.Web服务器.数据库表结构.Xmpp即时通讯服务器.视频通话服务器.腾讯云服务器全面讲解. 详情请查看效果图: 实现 ...

Flutter高仿微信-第28篇-好友详情-查看个人头像

Flutter高仿微信-第28篇-好友详情-查看个人头像相关推荐

最新文章

热门文章