cupertino_icons: ^1.0.8
http: ^1.2.2
final chat = {
'name': '张三',
'message': '吃饭了吗',
};
final chatJson = json.encode(chat);
print(chatJson);
final newChat = json.decode(chatJson);
print(newChat);
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
class Chat {
final String? name;
final String? message;
final String? imageUrl;
Chat({this.name, this.message, this.imageUrl});
factory Chat.formMap(Map map) {
return Chat(
name: map['name'],
message: map['message'],
imageUrl: map['imageUrl'],
);
}
}
class ChatPage extends StatefulWidget {
@override
State<ChatPage> createState() => _ChatPageState();
}
class _ChatPageState extends State<ChatPage> {
@override
void initState() {
super.initState();
getDatas().then((value) {
}).catchError((onError) {
}).whenComplete(() {
print('数据加载完毕');
}).timeout(Duration(seconds: 1)).catchError((err) {
print('超时时长1秒,提示请求超时');
});
}
}
Future<List> getDatas() async {
final url =
Uri.parse('http://rap2api.taobao.org/app/mock/321326/api/chat/list');
final res = await http.get(url);
if (res.statusCode == 200) {
final resBody = json.decode(res.body);
List chatList =
resBody['chat_list'].map((item) => Chat.formMap(item)).toList();
return chatList;
} else {
throw Exception('statusCode:${res.statusCode}');
}
}
return Scaffold(
body: Container(
child: FutureBuilder(
future: getDatas(),
builder: (BuildContext context, AsyncSnapshot snapshot) {
print('data:${snapshot.data}');
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(
child: Text('Loading...'),
);
}
return ListView(
children: snapshot.data.map<Widget>((item) {
return ListTile(
title: Text(item.name),
subtitle: Container(
alignment: Alignment.bottomCenter,
height: 25,
child: Text(
item.message,
overflow: TextOverflow.ellipsis,
),
),
leading: Container(
width: 44,
height: 44,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6.0),
image: DecorationImage(
image: NetworkImage(item.imageUrl))),
));
}).toList(),
);
}),
)
);

class _ChatPageState extends State<ChatPage> {
List _datas = [];
@override
void initState() {
super.initState();
getDatas().then((value) {
setState(() {
_datas = value;
});
}).catchError((onError) {
});
}
}
body: Container(
child: Container(
child: _datas.length == 0 ? Center(child: Text('Loading...')) :
ListView.builder(
itemCount: _datas.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(_datas[index].name),
subtitle: Container(
alignment: Alignment.bottomCenter,
height: 25,
child: Text(
_datas[index].message,
overflow: TextOverflow.ellipsis,
),
),
leading: Container(
width: 44,
height: 44,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(6.0),
image: DecorationImage(image: NetworkImage(_datas[index].imageUrl))
),
)
);
},
)
)
)