- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个任务,我必须从 mysql 服务器获取数据并将其传递给 StreamBuilder,我试图使用我们在 firebase 中使用的相同类,现在我在传递数据时遇到了问题已经将它从服务器带到 StreamBuilder 中,我记得我必须使用不同类型的快照,任何帮助。
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Server',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.pink,
),
home: MyHomePage(title: 'Flutter Server App'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
get documents => null;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
centerTitle: true,
),
);
}
Future getData() async{
var url = 'https://milk-white-reveille.000webhostapp.com/get.php';
http.Response response = await http.get(url);
var data = jsonDecode(response.body);
print(data.toString());
}
@override
void initState() {
getData();
}
}
class BookList extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new StreamBuilder(
stream: _MyHomePageState.getData().snapshot(),
builder: (BuildContext context, AsyncSnapshot<_MyHomePageState> snapshot) {
if (snapshot.hasData) return new Text('Loading...');
return new ListView(
children: snapshot.data.documents.map((document) {
return new ListTile(
title: new Text(document['title']),
subtitle: new Text(document['type']),
);
}).toList(),
);
},
);
}
}
新代码是这样的
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'dart:async';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Server',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.pink,
),
home: MyHomePage(title: 'Flutter Server App'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
StreamController _streamController = StreamController();
Timer _timer;
var data;
Future getData() async {
var url = 'https://milk-white-reveille.000webhostapp.com/get.php';
http.Response response = await http.get(url);
String jsonsDataString = response.body.toString(); // toString of Response's body is assigned to jsonDataString
data = jsonDecode(jsonsDataString);
print(data.toString());
//Add your data to stream
_streamController.add(data);
}
@override
void initState() {
getData();
//Check the server every 5 seconds
_timer = Timer.periodic(Duration(seconds: 5), (timer) => getData());
super.initState();
}
@override
void dispose() {
//cancel the timer
if (_timer.isActive) _timer.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("Home"),
),
body: new _MySql()
);
}
}
class _MySql extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: StreamBuilder(
stream: _MyHomePageState()._streamController.stream,
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData)
return ListView(
children: snapshot.data((data) {
return ListTile(
title: Text(data['title']),
subtitle: Text(data['type']),
);
}).toList(),
);
return CircularProgressIndicator();
},
),
);
}
}
但是在手机屏幕加载...出现这个来自终端
E/flutter (10194): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] 未处理的异常:FormatException:意外字符(字符 1)
E/flutter (10194): 已连接{"title":"maen","type":"dev"}
最佳答案
如果你想周期性的使用StreamBuilder;
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Server',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primarySwatch: Colors.pink,
),
home: MyHomePage(title: 'Flutter Server App'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
StreamController _streamController = StreamController();
Timer _timer;
Future getData() async {
var url = 'https://milk-white-reveille.000webhostapp.com/get.php';
http.Response response = await http.get(url);
var data = jsonDecode(response.body);
//Add your data to stream
_streamController.add(data);
}
@override
void initState() {
getData();
//Check the server every 5 seconds
_timer = Timer.periodic(Duration(seconds: 5), (timer) => getData());
super.initState();
}
@override
void dispose() {
//cancel the timer
if (_timer.isActive) _timer.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
centerTitle: true,
),
body: StreamBuilder(
stream: _streamController.stream,
builder: (BuildContext context, AsyncSnapshot snapshot) {
if (snapshot.hasData)
return ListView(
children: snapshot.data.map((document) {
return ListTile(
title: Text(document['title']),
subtitle: Text(document['type']),
);
}).toList(),
);
return Text('Loading...');
},
),
);
}
}
关于php - 从mysql获取数据到StreamBuilder Flutter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61419688/
我正在尝试计算未读消息的数量。在第一个 streambuilder 中,我需要获取所有与第一个查询匹配的文档 ID。 然后,在该文档 ID 中,我可以访问该文档中的子集合并执行另一个查询。然后我需要访
我正在构建一个应用程序,该应用程序大量使用 streambuilder 来从应用程序中的多个页面的 Firestore 获取实时数据。 由于没有流关闭/流订阅取消方法,假设当框架处理小部件时,stre
在注册过程中,我正在构建的应用程序中为每个“用户”文档创建了一个子集合,最多包含100个文档。 我正在尝试用StreamBuilder显示这些子集合文档。 我有一个无法解决的奇怪错误。用户首次查看时,
我的 StreamBuilder 在 View 中: Widget build(BuildContext context) { print("rebuilding..."); // as of
目前,我有一个 StreamBuilder 从 Firebase 为群消息应用程序提取数据。我有一个 snapshot.hasData 检查以确保在显示消息之前有数据。问题在于,当 setState
我正在使用 http库以下载图像。 final client = http.Client(); final _response = await client.send(http.Request('GE
StreamBuilder每当它获得新事件时都会重建。这会导致导航( Navigator.push )出现问题,因为如果在导航时接收到新事件,则此触发器重建。因为在构建小部件树时尝试导航,这将抛出 e
考虑以下代码: StreamBuilder _createDataStream(){ return StreamBuilder( stream: Firestore.i
我正在尝试弄清楚如何将以下数据放入数据表中,但我真的很挣扎,因为它不断重复标题 import 'dart:async'; import 'dart:convert'; import 'package:
我遇到了一个问题,我的流生成器只触发一次。 我正在尝试根据用户选择的主题将我的 bottomNavigationBar 配置为不同的颜色。 为此,我有一个页面,用户可以在其中决定是使用浅色主题还是
以下代码按预期构建和运行——当用户键入内容时,会显示一条错误消息,直到该字符串通过电子邮件验证格式。 Widget emailField(){ return StreamBuilder( stre
我创建了这段代码,我想要发生的是当我按下按钮时我希望饼图用新值重新渲染(应该是旧值但食物值增加 1)我正在使用 pie_chart: 0.8.0 包中的饼图。Deposit 只不过是一个 pojo(S
我有一个页面,我在其中使用 Bloc 从上面的搜索栏中获取文本,以根据输入的文本过滤下面的列表。 当我第一次进入页面时,Bloc 和流都按预期工作,但是,当我弹出它并返回页面时,我可以看到数据正在通过
我的 ApplicationBloc 是小部件树的根。在 bloc 的构造函数中,我正在收听来自存储库的流,其中包含从 JSON 解码的模型并将它们转发到另一个流,该流由 StreamBuilder
我有一个名为 RootContainer 的小部件,它接收一个 Widget child 并将其包装在 StreamBuilder 中: class RootContainer extends Sta
我正在尝试使用 StreamBuilder 从我的 api 中获取数据,这就是我所做的 loadProduct(String categoryId, int limit, int offset) a
我只是在测试来自 GPS 的一些流。我可以直接插入 gps 流,但我想暂时将其分开。所以我可以将 StreamBuilder 与我自己创建的流一起使用。 这一切似乎都在工作,但 Streambuild
当我在 Flutter 中使用 BLOC 时,例如: class StreamText extends StatelessWidget { StreamText( this.stream,
我写了一些简化的代码,我希望 firestore 数据的条件能够更新父小部件。 我收到错误:在构建期间调用了 setState() 或 markNeedsBuild()。 如何从 StreamBuil
我在有状态小部件中有一个 streamBuilder,它从服务器异步获取数据。此外,我有一个收集这些数据的列表。 StreamBuilder( stream: myStream.stream,
我是一名优秀的程序员,十分优秀!