小编Rao*_*che的帖子

检查用户是否已登录Flutter和Firebase身份验证|

我正在使用Firebase身份验证在我的Flutter应用程序中对用户进行身份验证,当用户输入正确的密码时,该应用程序会正常向他显示主页,但是当密码输入错误时没有任何反应,我想在每次用户输入了错误的密码,该怎么办?

dart firebase flutter

6
推荐指数
3
解决办法
5314
查看次数

如何从扑中的坐标获取位置名称?

我想要一个可以获取用户位置并使用GPS显示地点名称的按钮。

我尝试了map_view,但只能获得经度和纬度。

dart flutter

5
推荐指数
1
解决办法
5027
查看次数

如何将颤动文本与行中的其他小部件居中

我用 BackButton 和 TextWidget 创建了一行。我想将文本居中到屏幕中间。实际上 flutter 将文本居中到容器宽度,但容器宽度与屏幕宽度不同,因为有后退按钮。我该如何解决?

  Expanded getTitle() {
    return new Expanded(
        child: new Text("Einloggen", style: new TextStyle(fontSize: 18.0), textAlign: TextAlign.center)
    );
  }

  BackButton getBackButton() {
    return new BackButton(

    );
  }

  Row getHeader() {
    return new Row(
      children: <Widget>[
        getBackButton(),
        getTitle()
      ],
    );
  }
  @override
  Widget build(BuildContext context) {
    final double statusBarHeight = MediaQuery.of(context).padding.top;
    return new Material(
      child: new Container(
        padding: new EdgeInsets.fromLTRB(0.0, statusBarHeight, 0.0, 0.0),
        child: new Column(
          children: <Widget>[
            getHeader()
          ],
        ),
      ),
    );
  }
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

dart flutter

4
推荐指数
3
解决办法
1万
查看次数

Flutter:如何通过方法显示小吃店

我想在一个方法中有一个小吃店,这样我就可以根据某些变量来改变文本所说的内容。

这是一些示例代码,显示了我到目前为止所拥有的内容,并且我已经被困在搜索如何将小吃店移动到 onclicked 方法中的很长时间了。由于某种原因,我无法将 Scaffold Context 传递给方法,因此小吃店失败

import 'package:flutter/material.dart';

void main() => runApp(new SnackBarDemo());

class SnackBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        body: new SnackBarPage(),
      ),
    );
  }
}

class SnackBarPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Center(
      child: SnackBarButton(),
    );
  }
}

class SnackBarButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Container(
      child: new RaisedButton(
        onPressed: () {Scaffold.of(context).showSnackBar(SnackBar(content: Text("HERE'S A SNACKBAR")));},
        child: Text("CLICK ON …
Run Code Online (Sandbox Code Playgroud)

dart flutter

4
推荐指数
1
解决办法
6465
查看次数

如何在 BottomNavigationBarItem 中绝对定位徽章

我正在使用 BottomNavigationBarItem 显示带有图标和文本的底部导航 UI。我希望能够在这些徽章上添加带有数值的徽章。这是我目前的尝试:

  bottomNavigationBar:
      new BottomNavigationBar(items: <BottomNavigationBarItem>[
        new BottomNavigationBarItem(
        icon: new Stack(
          children: <Widget>[
            const Icon(Icons.home),
            new Positioned(
                top: 0.0,
                left: 0.0,
                child: new Container(
                  decoration: new BoxDecoration(
                      borderRadius: new BorderRadius.circular(4.0),
                      color: Colors.red),
                  width: 16.0,
                  child: new Text(
                    "12",
                    style: const TextStyle(color: Colors.white),
                  ),
                ))
          ],
        ),
        title: new Text("Home")),
        new BottomNavigationBarItem(
        icon: const Icon(Icons.star), title: new Text("Star")),
      ],
      type: BottomNavigationBarType.fixed),
Run Code Online (Sandbox Code Playgroud)

但是,徽章与图标的边界框一起定位,因此它与图标重合:

在此处输入图片说明

相反,我想要的是这样的:

在此处输入图片说明

是否可以使用 BottomNavigationBarItem 小部件来实现这一点?如果没有,什么是好的解决方法?

dart flutter

3
推荐指数
1
解决办法
2537
查看次数

如何在多个项目之间分配空间

我试图添加一个覆盖屏幕前20%的图像,另外80%应该是一个网格.图像需要在身体中,而不是在Appbar上.我制作了网格卡,然后我尝试将图像和网格放在一列中.实施如下.

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        primary: true,
        appBar: AppBar(
        elevation: 4.0,
        backgroundColor: Color(0xfff8f8f8),
        title: Center(child: titleLogo,),
        ),
  //------------ PROBLEM BELOW ----------------
        body: new Column(
          children: <Widget>[
            titleLogo,   //Image object
            TheGridView().build()  //Returns a GridView object
            ],
      ),
  ),
);
Run Code Online (Sandbox Code Playgroud)

}

我收到以下错误

I/flutter (21751): The following assertion was thrown during performResize():
I/flutter (21751): Vertical viewport was given unbounded height.
I/flutter (21751): Viewports expand in the scrolling direction to fill their container.In …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

3
推荐指数
1
解决办法
1396
查看次数

组织 Flutter 小部件的最佳方式是什么?

我正在编写 Flutter 应用程序,我想知道使我的代码更具可读性的最佳方法是什么。

现在,我知道这两种方法:

  1. 创建一个最终变量并将自定义小部件存储在其上。
  2. 创建一个新的小部件作为模板。

那么有什么推荐的方法吗?

dart flutter

2
推荐指数
1
解决办法
2595
查看次数

如何在 Flutter 中将具有不同大小的 TextSpan 子项沿中间对齐?

根据所附图像,我有三个 TextSpan 子对象 - 中间的 TextSpan 对象具有更大的字体大小。

我希望所有三个 TextSpan 对象都以背景父对象为中心。

当字体大小相同时,它们会沿中心水平对齐。然而,当我增加一个 TextSpan 的字体大小时,只有较大的文本对象保持居中,而较小的两种字体落在较大字体的基础上)...

我尝试了不同的对齐属性,但无法解决。这可以用 TextSpan 文本来完成吗?

谢谢!

截屏

    return Container(
      decoration: BoxDecoration(
        color: Colors.amber,
      ),
        alignment: Alignment.center,
        child: RichText(
          textAlign: TextAlign.center,
          text: TextSpan(
            children: [
              TextSpan(text: 'Let\s', style: TextStyle(
                fontSize: 30,
              )),
              TextSpan(text: '500', style: TextStyle(fontSize: 80), ),
              TextSpan(text: 'Words', style: TextStyle(
                fontSize: 30,
              )),
            ]
          ),
        )
        );

Run Code Online (Sandbox Code Playgroud)

text flutter

2
推荐指数
1
解决办法
1107
查看次数

颤动中 TagView 的模拟

我想要这样的用户界面: 在此处输入图片说明 对于原生 Android,它可以使用https://github.com/whilu/AndroidTagView 之类的库来完成,如何使用 Flutter 来完成?

flutter flutter-layout

1
推荐指数
1
解决办法
1149
查看次数

缺少Xcode依赖:Python模块"六"

我已经安装了Python模块"six"并且它打印出相同的错误: 我已经安装并且我得到了同样的错误

我怎样才能解决这个问题?

python

0
推荐指数
1
解决办法
424
查看次数

在我的颤振代码中添加副标题

我有这个颤振代码:

body: StreamBuilder(
          stream: Firestore.instance.collection('Doctors').snapshots(),
          builder:
              (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
            if (!snapshot.hasData)
              return const Center(child: CircularProgressIndicator());
            return ListView(
              padding: const EdgeInsets.only(top: 8.0),
              children:
              snapshot.data.documents.map((DocumentSnapshot document) {
                return new Card(
                  child: new Container(
                    padding: EdgeInsets.all(10.0),
                    child: new Row(
                      mainAxisAlignment: MainAxisAlignment.start,
                      children: <Widget>[
                        CircleAvatar(
                          backgroundColor: Colors.grey,
                          backgroundImage:
                          new NetworkImage("${document['Picture']}"),
                          radius: 40.0,
                        ),
                        SizedBox(width: 10.0,
                        ),
                        Text(
                          document['Name'],
                        )
                      ],
                    ),
                  ),
                );
              }).toList(),
            );
          },
        ),
      ),
Run Code Online (Sandbox Code Playgroud)

我需要在连接到 Text(document['Name'],) 的文本下插入另一个文本作为副标题,但我不能这样做,你能帮我吗

dart flutter

0
推荐指数
1
解决办法
7974
查看次数

标签 统计

flutter ×10

dart ×8

flutter-layout ×2

firebase ×1

python ×1

text ×1