[英]Display list of datas from sharedprefrence to text widget flutter?
[英]How can I read text from files and display them as list using widget/s in Flutter?
我可以问一种如何使这项工作的方法。
我有一个名为questions.txt的文本文件。
该文件包含以下问题:
我想从文件中加载这些问题,并在 Flutter 中将它们呈现为列表。
问卷.dart
import 'package:flutter/material.dart';
class Questionnaires extends StatefulWidget {
@override
_QuestionnairesState createState() => _QuestionnairesState();
}
class _QuestionnairesState extends State<Questionnaires> {
String q1 = "";
String q2 = "";
String q3 = "";
@override
Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
resizeToAvoidBottomInset: false,
body: Center(
child: Column(
children: <Widget>[
Text(q1),
Text(q2),
Text(q3)
],
),
),
),
);
}
}
您可以从使用rootBundle.loadString
从.txt
文件中检索问题的最基本方法开始,然后使用ListView
小部件显示它。
main.dart
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Questions',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyAppScreen(),
);
}
}
class MyAppScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return MyAppScreenState();
}
}
class MyAppScreenState extends State<MyAppScreen> {
List<String> _questions = [];
Future<List<String>> _loadQuestions() async {
List<String> questions = [];
await rootBundle.loadString('path/to/questions.txt').then((q) {
for (String i in LineSplitter().convert(q)) {
questions.add(i);
}
});
return questions;
}
@override
void initState() {
_setup();
super.initState();
}
_setup() async {
// Retrieve the questions (Processed in the background)
List<String> questions = await _loadQuestions();
// Notify the UI and display the questions
setState(() {
_questions = questions;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text("Flutter Questions")),
body: Center(
child: Container(
child: ListView.builder(
itemCount: _questions.length,
itemBuilder: (context, index) {
return Text(_questions[index]);
},
),
),
),
);
}
}
这是问题的示例列表。
问题.txt
"How old are you?"
"Where do you live?"
"What is your age?"
在上面的示例代码中,您正在逐行解析文本文件,请参阅LineSplitter 。 这对于测试 Flutter 的小型和示例项目很有用。 但是您应该能够通过遵循 Flutter 的官方文档来更新此实现,了解如何读取和写入文件。
此外,如果您想扩大 Flutter 项目,您应该研究如何在线托管您的问题,例如。 通过 REST API 提供服务,然后使用 Flutter 的http插件检索它。
更多关于:
输出:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.