Flutter树视图小部件和firestore
Flutter树视图小部件是一种用于构建树形结构的用户界面的工具。它可以帮助开发者快速创建具有层次结构的数据展示组件，例如文件浏览器、目录结构等。
Flutter树视图小部件的优势包括：
- 灵活性：Flutter树视图小部件可以根据数据的层次结构自动构建树形UI，使得开发者可以轻松地展示和操作复杂的数据结构。
- 可定制性：开发者可以根据自己的需求自定义树视图的样式和行为，包括节点的展开和折叠、节点的选中状态等。
- 跨平台支持：Flutter树视图小部件可以在多个平台上运行，包括iOS、Android、Web等，使得开发者可以在不同的设备上共享相同的代码和用户体验。
Flutter树视图小部件的应用场景包括但不限于：
- 文件浏览器：可以使用Flutter树视图小部件展示文件系统的目录结构，方便用户查看和管理文件。
- 组织架构图：可以使用Flutter树视图小部件展示企业或组织的层级结构，帮助用户了解和浏览组织的各个部门和成员。
- 评论回复列表：可以使用Flutter树视图小部件展示评论和回复的层级结构，使得用户可以方便地查看和回复评论。
腾讯云提供了一些相关的产品和服务，可以帮助开发者在Flutter中使用树视图小部件和Firestore：
- 腾讯云移动开发平台（https://cloud.tencent.com/product/mmp）：提供了丰富的移动开发工具和服务，包括数据存储、推送通知等，可以与Flutter树视图小部件和Firestore集成，实现更多功能。
- 腾讯云云数据库（https://cloud.tencent.com/product/tcb）：提供了云端数据库服务，可以用于存储和管理Flutter应用中的数据，包括树视图的节点数据。
- 腾讯云云函数（https://cloud.tencent.com/product/scf）：提供了无服务器的云函数服务，可以用于处理Flutter应用中的业务逻辑，例如节点的展开和折叠操作。
总结：Flutter树视图小部件是一种用于构建树形结构用户界面的工具，具有灵活性、可定制性和跨平台支持的优势。它可以应用于文件浏览器、组织架构图、评论回复列表等场景。腾讯云提供了相关的产品和服务，可以帮助开发者在Flutter中使用树视图小部件和Firestore实现更多功能。
相关·内容
我是一个新的flutter，并试图创建一个“评分”页面，用户可以选择1-5星并提交。然后，我想将其与当前用户ID (无论是谁登录的)一起添加到firestore中。下面是我获取当前用户id的方法：
class AuthService {
final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;
bool isLoggedIn = false;
Stream<String> get onAuthStateChanged =>
_firebaseAuth.onAuthStateChanged.map(
浏览 6提问于2020-08-23得票数 0
1回答
在下面你可以看到一个代码，我想在这里显示我从注册表格中收集到的数据。注册表单将数据推送到一个名为“user”的集合中，然后将其他一些文档数据推送为:名称-电子邮件等。
正如您在XXXX中看到的，我希望我从云防火墙中检索的数据显示在小部件中:代码下面：
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
class Welc
浏览 3提问于2020-07-15得票数 1
回答已采纳
1回答
所以，我在Flutter中构建我的应用程序，不幸的是，我最近遇到了一个错误。因此，我想在我的TestProvider类中做的是从firestore获取数据( getQuestionFromFirebase()函数正在做的事情)，然后，我想从DocumentSnapshot ( questionMapFromFirebase()函数做的事情)创建一个map。出现了一个错误，因为我无法在map函数中进行异步操作，所以我的函数不会等待上一个函数的结果，而是返回null。有什么解决方案吗？*我试着从getQuestionFromFirebase() - Future返回map，但后来我不能使用它的值，
浏览 0提问于2020-12-08得票数 3
我们如何将firestore数据放入treeview小部件？我尝试了所有方法将数据格式化为数组，但效果不佳。我刚刚开始学习flutter和firestore，这是我的第一个项目。 Flutter TreeView Json Data Parsing
浏览 65提问于2020-01-11得票数 0
我正在尝试开发一个使用Firebase作为后端的项目。我在iOS模拟器中使用了Firebase仿真器，它工作得很好。我已经将Android模拟器的特定设置添加到我的项目中：
void main() async {
WidgetsFlutterBinding.ensureInitialized();
String host = !kIsWeb && Platform.isAndroid ? '10.0.2.2' : 'localhost';
await Firebase.initializeApp();
await Firebase
浏览 8提问于2021-07-16得票数 1
回答已采纳
1回答
我在Firestore上有以下数据： ? 我使用这段代码从每个文档中获取“name”，以显示在列表视图中： Widget buildUserList(BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
if (snapshot.hasData) {
return ListView.builder(
itemCount: snapshot.data.documents.length,
itemBuilder: (context, index) {
浏览 20提问于2020-07-03得票数 0
回答已采纳
1回答
嗨，我正在尝试从火药库获取数据并填充列表视图，下面是我的代码，但是我得到了异常，因为我的异步调用还没有完成，我如何才能等待那个asyn调用完成并填充我的listview --我的代码如下：
import 'dart:async';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:test_flutter/pkg/Feed.dart';
class FeedLoader {
final CollectionReference _colRef
浏览 2提问于2018-04-12得票数 3
回答已采纳
我从Firestore返回的数据有问题。我需要使用Cloud Firestore Plugin获取一些电子邮件： class _EmailPageState extends State<EmailPage> {
//StreamBuilder<QuerySnapshot> _emails;
@override
void initState() {
super.initState();
//_emails = _getEmails();
}
@override
Widget build(BuildContext context
浏览 15提问于2019-04-30得票数 0
回答已采纳
我是flutter的新手，所以我一直在尝试使用cachenetworkimage和firestore加载flutter中的图像，但我无法to...and这是我的代码 这是来自firestore的快速浏览。 ? class _Home extends State<Home> {
Future<RemoteConfig> remoteConfig() async => await RemoteConfig.instance;
StreamSubscription<QuerySnapshot> subscription;
List&l
浏览 12提问于2019-05-21得票数 0
回答已采纳
1回答
集合名称是userInfo &我想要更新的数据是name。但当我使用文本字段的空值执行此操作时，onChanged方法会将集合文档中的值更改为null值。 import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:hindusofindia/model/user.dart';
import 'package:hindusofindia/screens/user/Use
浏览 15提问于2020-08-04得票数 0
回答已采纳
我对firebase和flutter有意见。我正在建立的应用程序登录并显示从收集的费用列表，其名称是用户id。当用户登录时，他将看到包含其集合中的项目的列表。我使用的是Stream方法。问题是，在用户登录之前，stream接收到null id，应用程序崩溃。有没有办法在用户登录后设置这个流？我将非常感谢您的帮助！ 这就是错误 The following assertion was thrown building Home(dirty):
'package:cloud_firestore/src/firestore.dart': Failed assertion: line 7
浏览 14提问于2019-12-27得票数 0
1回答
颤振网络团队说，目前HTML文档更适合于(修饰)大量的文本，而不是穿着颤振Widget框架，在编程应用程序中使用Flutter。
因此，我有大量的文本和图片和动画，这将受益于HTML的修饰和灵活性，但有些元素我想编程。
颤振youtube的教学团队说，Webview触摸事件在使用Flutter的时被剥夺了，这可能导致滚动或响应HTML按钮的延迟，或者css或SVG Smil动画的触发延迟。糟糕的用户体验。
HTML文件主要保存在设备上的应用程序资产文件夹中。有没有人在使用颤振网络视图时有一些准则来最大化性能？
理想的用户体验应该是一个GoogleMap，点击一个标记，然后一个SlidingPa
浏览 4提问于2021-05-10得票数 0
回答已采纳
(这最初是flutter dev reddit上的一篇文章，在这里被重定向了) 因此，我开始使用firebase作为后端来制作这个flutter应用程序，在查看了状态管理的所有选项后，我终于意识到firebase提供的工具已经处理了我需要状态管理的几乎所有事情。 例如： 我可以将当前登录的用户设置为在我的状态下显示正确的登录或主页，并使用户uid可供小部件用于其firestore API调用。 或 我只需监听FirebaseAuth.instance.onAuthStateChanged以显示正确的页面，并从任何地方使用FirebaseAuth.instance.currentUser()获
浏览 35提问于2019-02-05得票数 2
1回答
我有这样的申请：
我不能点击InkWell中的"+“图标在卡。未检测到单击。我也试了一下按钮，但都没有用。是什么导致了这个问题？我该怎么解决呢？
代码：
import 'dart:developer';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';
import
浏览 1提问于2022-07-27得票数 0
回答已采纳
2回答
你好，我是新手，我想知道当用户点击电影时，如何将电影细节数据传递给firebase？我希望当用户点击一部电影时，确切的电影信息将显示在我已经尝试过使用未来构建器()页面中，但我仍然无法将数据传递给育婴细节()
这是我的密码
import 'package:cinema_project/screens/moviedetail.dart';
import 'package:cinema_project/shared/loading.dart';
import 'package:cloud_firestore/cloud_firestore.dart'
浏览 1提问于2020-09-22得票数 0
回答已采纳
通过向数据库添加项来创建列表。从main.dart切换到带有列表的页面后，它不会打开，它会写入一个错误.
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';
class Home extends StatefulWidget {
const Home({Key? key}) : super(key: ke
浏览 11提问于2021-12-07得票数 0
现在我正在使用SmartRefresher刷新我的应用程序，当下拉文章列表时，我在pubspec.yaml中添加pull_to_refresh依赖项，如下所示： pull_to_refresh: 1.6.3 这是我的代码： child: CupertinoScrollbar(
child: SmartRefresher(
onRefresh: _onRefresh,
enablePullUp: true,
en
浏览 111提问于2021-01-28得票数 1
回答已采纳
1回答
我有一个flutter web应用程序，我不想向所有用户提供一些小部件(视图 我的web应用程序内容4视图它应该出现并运送给所有用户，我的应用程序还包含20 - 25视图或管理仪表板的路线 有没有办法在运行时按需延迟加载这个小部件？避免将所有页面发送给所有用户
浏览 20提问于2021-06-22得票数 2
回答已采纳
我已经在flutter.I中开发了web视图，我不清楚webview_flutter和flutter_webview_plugin哪个更好。
浏览 6提问于2019-05-02得票数 3
如何使用TextField？我已经尝试了StatelessWidget和StatefulWidget，仍然不能工作。
下面是我的代码：
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _MyAppState();
}
}
class _MyAppState e
浏览 7提问于2019-08-22得票数 0
我正在开发一个微小的待办事项列表应用程序，我是新的Provider软件包。我知道这个错误：
错误:无法在此Builder之上找到正确的提供程序。这是因为您使用的“BuildContext”不包括您选择的提供者。
When the exception was thrown, this was the stack:
#0 Provider._inheritedElementOf (package:provider/src/provider.dart:332:7)
#1 Provider.of (package:provider/src/provider.dart:284:3
浏览 1提问于2021-03-05得票数 0
回答已采纳
我已经添加了flutter firestore我的ios应用程序。对firestore的读写更新删除请求像往常一样非常快，但当我想从firestore服务器获得读写更新删除的响应时，它非常慢，有时会失败。
在我的main.dart中写入和读取的代码是
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:firebase_core/firebase_core.dar
浏览 1提问于2021-04-16得票数 0
我正在使用Flutter开发一个带有菜单的网页视图，菜单会触发抽屉，但flutterWebviewPlugin会在所有东西上面绘制UI，也就是覆盖抽屉，这是否可以将抽屉向上移动或让网页视图放在下面？谢谢。
浏览 0提问于2018-09-18得票数 0
我有个简单的问题。在Flutter中，我们解释了框架可以多次调用build方法，并且建议我们只能通过build方法返回小部件。但是，即使我们只返回小部件，难道不是导致了一些性能问题吗？如果build方法在一秒钟内被调用20次，这不意味着小部件将被呈现20次，而不是应该慢一些吗？如果Flutter框架优化了呈现小部件，那么如何优化呢？
你能参考一些详细的文档或答案吗？
浏览 9提问于2022-02-19得票数 1
回答已采纳
1回答
当我运行时会出现以下错误。这些是飞入火场的基本代码。
以下断言被抛出构建MyHomePage(脏，状态: MyHomePageState#b163a)：‘包:flutter/src/widget/text.dart’：失败的断言:第235行pos 15：'data != null'：is
，有人能帮我解决这个问题吗？
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart&
浏览 1提问于2019-02-17得票数 0
回答已采纳
3回答
我正在尝试测试一个使用FirebaseFirestore的方法，但我无法模拟FirebaseFirestore.instance属性。
以下是我的例子：
初始化核心：
使用防火墙插件：
我正在为我的类使用下面的代码，它运行良好，这意味着正确地加载了firestoreInstance。
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:flutter
浏览 3提问于2020-08-30得票数 17
怎么了？我是Flutter的初学者，并得到了这个错误... 使用Flutter + Firebase，这是一个显示人员列表的测试...我正在学习，抱歉犯了愚蠢的错误。 import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:firebase_core/firebase_core.dart';
class info extends StatelessWidget {
@ove
浏览 9提问于2021-05-11得票数 0
回答已采纳
我找不到答案来回答我的问题，基本上所有类似的情况都与重建使用MediaQuery的小部件有关(但在我的例子中并非如此)。当我点击TextField时，键盘就会出现，在此之后，MaterialApp.router中的构建器会被调用数十次。有可能避免这么多的建筑商调用吗？
main.dart：
import 'package:flutter/material.dart';
import 'package:routemaster/routemaster.dart';
final routes = RouteMap(
onUnknownRoute: (route)
浏览 5提问于2022-09-12得票数 1
回答已采纳
据我所知，
flutter有一个小部件树和一个元素树。对于小部件树中的每个有状态小部件，元素树中的一个元素被创建，其上附加有状态对象，即指向小部件，并在调用setState()时重新构建该小部件，方法是销毁它并替换为一个新小部件。
如果小部件被销毁，那么在替换新小部件而不是旧小部件之前，所有的小部件配置都在哪里？
浏览 6提问于2022-02-15得票数 3
我正在进行屏幕更改，就像下面的流的iam列表一样，当它发出时，我会更改屏幕
@override
void initState() {
super.initState();
appBloc.error.listen((data) {
_scaffoldKey.currentState.showSnackBar(new SnackBar(content: new
Text(data)));
});
appBloc.success.listen((_) => goToDashBoardScreen(context));
浏览 5提问于2018-09-02得票数 3
回答已采纳
2回答
我正在尝试使用Sliver来实现可折叠的列表头。当我将小部件从普通窗口小部件更改为小窗口窗口小部件时，我经常会出现这样的错误：
I/flutter ( 3141): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 3141): The following assertion was thrown building NotificationListener<ScrollNotification>():
I/f
浏览 0提问于2017-06-12得票数 22
回答已采纳
我尝试将我的flutter应用程序与Cloud Firestore集成。在一个页面上，在应用程序中，我只想从云存储中读取数据并将其打印到该页面上。我是个新手，对后端的制作了解不多，所以我尝试了youtube上的几个教程，也读了StackOverflow上的一些文章，但我仍然不能从云存储中读取数据。因此，我认为我在某个地方犯了一个错误。下面是我对我的应用程序所做的所有代码片段和更改。 这是我的Firestore数据的样子： [1]: https://i.stack.imgur.com/lPZtx.png 这是我想要在其上打印来自firestore云的数据的页面。 import 'p
浏览 5提问于2021-07-09得票数 0
我无法在flutter中使用REST api将字符串列表发送到云firestore。 //###### here is my code ##########
Future<bool> addVisit(Visit visit) async { //function
try {
var response = await http.post( //post method to send data
"${VISIT_API}",
headers:
{"Authorization": "Bearer ${Utils.login
浏览 12提问于2020-06-25得票数 0
回答已采纳
根据Flutter的文档(https://flutter.dev/docs/development/data-and-backend/state-mgmt/simple)， 控制状态管理的一种方法是，当它的后代之一是消费者时，使用ChangeNotifierProvider(或InheritedWidget)，当底层ChangeNotifier发生变化时，会重新构建它。Flutter的团队在youtube官方Flutter频道上重申了这一方法。 然而，这意味着一些业务逻辑元素(ChangeNotifier)现在是窗口小部件树的一部分(否则一切都是关于UI的外观)。所以我不明白为什么这些类(C
浏览 73提问于2021-10-24得票数 0
我在我的应用程序中使用了FirebaseAuth和Firestore。 ‘DocumentId’是一个模型，它表示firestore上的一个文档，并使用来自FirebaseUser的uid作为它的用户。 为了获得'User'，我必须从FirebaseUser传入uid。 我的想法是先建立一个FirebaseUser的StreamProvider，然后再建立另一个User的StreamProvider，它以FirebaseUser为参数。 但是错误发生了，我找不到解决这个问题的方法，任何建议都会对我有很大的帮助。 List<SingleChildCloneableWidg
浏览 39提问于2019-08-28得票数 1
回答已采纳
问:我实现MultiProvider的方式如下所示在我的主文件中。在运行时，我会被抛出以下错误。有人能帮我吗？谢谢。
#误差
../../../../../../../AppData/Local/Pub/Cache/hosted/pub.dartlang.org/provider-6.0.1/lib/src/provider.dart:358:7:错误:期望有一个标识符，但得到了“，”。尝试在“，”之前插入标识符。，将../../../../../../../AppData/Local/Pub/Cache/hosted/pub.dartlang.org/provider-6.0.1/lib/s
浏览 2提问于2022-01-15得票数 1
回答已采纳
我试图结合使用StreamBuilder和ListView.builder来显示存储在firebase上的数组中的数据。 我尝试使用下面的代码来访问数组，但我真的不知道我做错了什么。 class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return StreamBuilder<List<Beacon>>(
stream: DatabaseService().beacons,
builder: (contex
浏览 11提问于2020-09-16得票数 0
我有一个关于Flutter和Firestore的问题。我想要等到另一个应用程序将bool从Firestore "roomStart“设置为true，以打开一个视图。如果"roomStart“为false，则应等待其设置为true，然后再次启动If语句。 class QuizPage extends StatefulWidget {
final Room room;
QuizPage(this.questions, this.room);
@override
_QuizPageState createState() => _QuizPageState(ro
浏览 20提问于2020-01-21得票数 0
我正在开发Flutter中的一个应用程序。我尝试在应用程序中使用Provider，但遇到了以下错误：
Tried to listen to a value exposed with provider, from outside of the widget tree.
E/flutter ( 2850):
E/flutter ( 2850): This is likely caused by an event handler (like a button's onPressed) that called
E/flutter ( 2850): Provider.of without pa
浏览 0提问于2020-03-07得票数 3
setstate和其他状态管理之间的基本区别，比如flutter中的provider，我是flutter的初学者，在哪里使用provider而不是set状态， 如果我们设置状态，当应用程序使用率较高时，设置状态的缺点是什么
浏览 19提问于2021-09-28得票数 1
回答已采纳
是否可以在flutter上删除身份验证中的firebase帐户？如果是，该怎么做呢？我一直在找，但没有找到路。
Firestore.instance.collection("users").document(uid).delete().then((_){
// delete account on authentication after user data on database is deleted
});
浏览 0提问于2019-06-04得票数 5
我的未来构建器在屏幕上给出了几秒钟的错误，然后显示了结果，这里是错误日志：
The following NoSuchMethodError was thrown building FutureBuilder<DocumentSnapshot>(dirty, state: _FutureBuilderState<DocumentSnapshot>#fd0c5):
The method '[]' was called on null.
Receiver: null
Tried calling: []("title")
The relevan
浏览 2提问于2020-01-08得票数 3
回答已采纳
我正在开发一个Flutter应用程序，我想在其他ListView中动态调整ListView的高度。
我想让Listview & inside动态高度水平列表视图。
有人能帮我吗？
浏览 4提问于2019-07-20得票数 2
我正在为我的规划器应用程序使用flutter_calendar_carousel包。我正在从firestore获取数据，所以它会显示大约2秒钟，然后我收到这个错误"package:flutter/src/widgets/container.dart'：Failed断言:第316行pos 15：‘paddingpadding.isNonNegative’：is not ==。“
这是我的代码。
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter_cal
浏览 11提问于2020-06-09得票数 0
Hi，
下面的代码示例是从我们创建一个新项目时开始的。
问题：
一旦按下_MyHomePageState，_incrementCounter就会重新复制。这将重新生成appBar、body和FloatingActionButton (构建方法代价高昂)。我说的对吗？如果是正确的话，唯一需要改版的是一个文本体。如何分离只需要重新呈现的小部件？在下面的代码中，意味着将无状态和状态分离。我希望你明白我的意思？
谢谢
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
clas
浏览 1提问于2018-05-13得票数 1
2回答
当我运行这段代码时，它显示一个错误，没有找到正确的作用域模型。我认为我们必须为bottomsheet声明另一个作用域模型，dialogs也使用了相同的模型，但它的行为不正常。我如何实现如何在这样的底层工作表和对话框中使用作用域模型。 我对作用域模型的任何帮助都是新手。 import 'package:flutter/material.dart';
import 'package:scoped_model/scoped_model.dart';
import 'package:cloud_firestore/cloud_fires
浏览 11提问于2019-03-24得票数 2
回答已采纳
我正在尝试为我的项目编写一个代码，该项目使用一个带有4个选项卡的TabBarView，并且有一个全局键，这样我就可以在应用程序中的任何地方使用Tab控制器，但是当我试图使用一个凸起按钮的onpressed函数调用animateTo函数时，它一直抛出如下错误：
我已经这样做了://尝试在与控制器相同的文件中创建一个函数来更改视图
class MyTabsState extends State<MyTabs> with SingleTickerProviderStateMixin {
static final homePageKey=GlobalKey<MyTabsStat
浏览 0提问于2019-05-30得票数 0
我可以从集合中获取所有文档，但是，不知道如何从每个文档中获取集合。
我的数据库结构类似于集合->文档->集合(有字段) ->文档->字段。
使用only代码，只有我可以获得第一份文件的字段信息，而不是收集。
如何从每个第一份文件中获取第二次收集。
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_maps_flutt
浏览 0提问于2019-07-30得票数 2
回答已采纳
当我这么做时：
import 'package:blogs/common/theme.dart';
import 'package:blogs/screen/home.dart';
import 'package:blogs/state/authstate.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
void main() => runApp(
MultiProvider(
浏览 11提问于2022-03-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
