在flutter应用程序中显示一个markdown文件，并使用引用链接

Question

我正试图获取一个markdown文件contents.md，然后将其显示在我的应用程序的页面上，但我希望能够使用我添加的指向不同文件的引用链接chapter1.md、chapter2.md、chapter3.md等。我已经能够显示从contents.md格式化的markdown，但这些链接不起作用。

Widget build(BuildContext context) {
return Scaffold(appBar: AppBar(title: Text("Flutter Markdown"),),
body: FutureBuilder(
future: rootBundle.loadString("assets/manual/contents.md"),
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
if (snapshot.hasData) {
return Markdown(data: snapshot.data);
}
return Center(
child: CircularProgressIndicator(),
);
}),
);
}

有办法做到吗？因为谷歌一点帮助都没有，我很怀疑这是可能的。

Answer 1

我必须在类之外创建一个变量，然后为它创建一个getter和setter，然后使未来的生成器成为一个方法，并在设置变量后调用setState((｛｝。

String file = "contents.md";
class _ManualState extends State<Manual> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text(getFile()),),
body: displayMarkdown(getFile())
);
}
FutureBuilder<String> displayMarkdown(String file){
return FutureBuilder(
future: DefaultAssetBundle.of(context).loadString
("assets/manual/" + file),
builder: (BuildContext context, AsyncSnapshot<String> snapshot){
if (snapshot.hasData) {
return Markdown(data: snapshot.data, onTapLink: (link){
setFile(link);
setState((){});
},
);
}
return Center(
child: CircularProgressIndicator(),
);
},
);
}
}
String getFile() {
return file;
}
String setFile(String name) {
file = name;
return file;
}

Answer 2

Flutter对附加库提供了强大的支持。还有一个用于标记文件的库，你可以在这里找到它。