Flutter的自由学习之路-Flutter进阶篇业务用户的查询服务
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
class UserQueryService {
final String userId;
final String token;
UserQueryService({@required this.userId, @required this.token});
Future<String> getUserProfileMarkdown() async {
// 模拟从服务器获取用户信息的函数
return """
| 用户ID | 用户名 | 邮箱 |
| --- | --- | --- |
| ${userId} | 张三 | zhangsan@example.com |
""";
}
Future<Widget> getUserProfileWidget() async {
String markdown = await getUserProfileMarkdown();
return MarkdownBody(data: markdown);
}
}
// 使用示例
void main() {
runApp(MaterialApp(
home: Scaffold(
body: Center(
child: FutureBuilder<Widget>(
future: UserQueryService(userId: '123', token: 'token').getUserProfileWidget(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return snapshot.data;
} else {
return CircularProgressIndicator();
}
},
),
),
),
));
}
这个代码示例展示了如何使用Flutter\_markdown包来展示从模拟的用户查询服务中获取的Markdown格式的用户信息。在实际应用中,你需要替换getUserProfileMarkdown
方法以实际从服务器获取信息,并在getUserProfileWidget
中返回相应的Widget。
评论已关闭