小编Tus*_*Rai的帖子

在材料应用程序中使用颤振的标题在哪里?

flutter 应用程序名称包名称显示,AppBar标题显示在主页AppBar上,因此标题MaterialApp(title: 'Rectangle App',);用于在flutter项目中显示标题.

import'package:flutter/material.dart';

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Rectangle App',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Rectangle App Home Page'),
        ),
        body: HelloRectangle(),
      ),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

dart flutter

24
推荐指数
4
解决办法
3259
查看次数

如何在没有动画的情况下在颤动中旋转材质图标?

在此处输入图片说明

我希望图标details向上指向,如图所示。但是材质图标列表中有图标details指向下方,那么如何在不下载图标图像的情况下旋转我的flutter项目中的材质图标。

在此处输入图片说明


Column(
  children: <Widget>[
    Container(
      height: 48,
      decoration: BoxDecoration(
          color: Color(0xFFFBBC05),
          borderRadius: BorderRadius.circular(48),
          boxShadow: [
            BoxShadow(
                blurRadius: 16,
                offset: Offset(0, 8),
                color: Color(0XFFFBBC05),
                spreadRadius: -10)
          ]),
      child: IconButton(
        icon: Icon(
          Icons.details,
          color: Colors.white,
        ),
        onPressed: null,
      ),
    ),
    SizedBox(
      height: 8,
    ),
    Text(
      "Historical",
      style: TextStyle(fontFamily: 'AirbnbCerealMedium', fontSize: 12),
    ),
  ],
)
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

20
推荐指数
4
解决办法
2万
查看次数

如何在flutter应用程序中将边框半径设置为底部应用程序栏?

我想将borderRadius设置为底部导航应用程序栏,如图所示。我试图将底部导航应用栏放到ClipRRect borderRadiusContainer装饰中,但没有奏效。那么如何将 topLeft 和 topRight 边框半径应用于底部导航栏。请帮助让我知道我该怎么做?

在此处输入图片说明

main.dart

    void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Food Ordering',
      theme: ThemeData(primarySwatch: Colors.blue, primaryColor: Colors.white),
      home: MyStatefulWidget(),
      routes: <String, WidgetBuilder>{
        '/detail-page': (BuildContext context) => MyDetailPage(),
      },
    );
  }
}

class MyStatefulWidget extends StatefulWidget {
  MyStatefulWidget({Key key}) : super(key: key);

  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  int _selectedIndex = 0;
  static const …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

13
推荐指数
3
解决办法
2万
查看次数

Android Studio 2.2预览在实现数据绑定时抛出错误

我已将我的android工作室更新为2.2预览1,并按指定应用了google和firebase的指定依赖项,但仍然收到以下错误

EmptyThrowable: Wrong dependency type: class com.android.tools.idea.databinding.DataBindingUtil$LightBRField


dataBinding {
    enabled true
}
Run Code Online (Sandbox Code Playgroud)

dependencies android android-studio android-databinding android-studio-2.2

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

在AngularDart中更改应用程序布局抽屉持久性到临时更改

我的AngularDart项目中有一个角度组件的App布局.我怎样才能改变drawer从应用程序的布局persistent,以temporary在媒体屏幕的变化?

dart dart-webui dart-html angular-dart angular-components

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

如何从 Google Sheets 访问 Cloud Firestore?

我试图在FirestoreGoogleAppsScript示例的帮助下从 Google 工作表访问 Cloud Firestore 数据库,但如第 5 点所述,我已经下载了文件,但没有找到更新client_email,private_keyproject_id项目的位置。所以请指导我继续前进。

当您按“创建”时,您的浏览器将下载一个.json包含您的私钥 ( private_key)、服务帐户电子邮件 ( client_email) 和项目 ID ( project_id) 的文件。将这些值复制到您的 Google Apps 脚本中 — 您需要它们来通过 Firestore 进行身份验证。

带有演示 Code.gs

function myFunction() {
  projectid: "xxx";
  key: "-----BEGIN PRIVATE KEY-----\nPrivateKeyHere\n-----END PRIVATE KEY-----\n";
  email: "xxx@xxx.iam.gserviceaccount.com";
  
  var firestore = FirestoreApp.getFirestore(email, key, projectId);
}
Run Code Online (Sandbox Code Playgroud)

错误

ReferenceError: "email" is not defined. (line 7, file "Code")
Run Code Online (Sandbox Code Playgroud)

google-sheets google-apps-script firebase google-cloud-firestore

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

如何使用传感器颤振套件开发步进计数器?

我试图借助传感器抖动小部件进行计数,我正在研究传感器抖动程序包代码,但没有从哪里开始以及如何获得所需结果的任何观点。

在传感器抖动小部件的帮助下进行步骤涉及哪些事情?还是我也可以在Flutter应用中使用Google Fit Api来创建自定义计步器。

我已经添加了

dependencies:
  sensors: "^0.3.3"
Run Code Online (Sandbox Code Playgroud)

到pubspec.yaml

主镖

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:sensors/sensors.dart';

import 'snake.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Sensors Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class …
Run Code Online (Sandbox Code Playgroud)

dart google-fit-sdk google-fit flutter flutter-dependencies

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

如何使图像适合作为颤振状态栏的背景?

在此处输入图片说明

在此处输入图片说明

我正在尝试在颤振项目中的状态栏背景中应用图像。那么哪个小部件可以帮助我应用以下预期结果。

详情页.dart

import 'package:flutter/material.dart';

class MyDetailPage extends StatefulWidget {
  @override
  _MyDetailPageState createState() => _MyDetailPageState();
}

class _MyDetailPageState extends State<MyDetailPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        children: <Widget>[
          Container(
            height: 300,
            decoration: BoxDecoration(
              image: DecorationImage(
                image: AssetImage("assets/image2.png"),
                fit: BoxFit.fitHeight,
              ),
            ),
          )
        ],
      ),
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

5
推荐指数
2
解决办法
1714
查看次数

在 flutter 中发布到 firestore 时如何验证文本字段?

我在TextField中添加了验证器,但验证器在提交数据时不起作用。保存按钮保存空值数据。

import 'package:cloud_firestore/cloud_firestore.dart';
import '../../screens/orders/order_success.dart';
import '../../services/global_methods.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/material.dart';

class PlaceOrder extends StatefulWidget {
  static const routeName = '/place-order';

  const PlaceOrder({Key? key}) : super(key: key);

  @override
  State<PlaceOrder> createState() => _PlaceOrderState();
}

class _PlaceOrderState extends State<PlaceOrder> {

  final _formKey = GlobalKey<FormState>();
  String? _name;
  int? _phoneNumber;
  String? _fullAddress;
  String? _area;
  String? _city;
  String? _addressType;
  final TextEditingController _addressController = TextEditingController();
  String? _addressValue;
  String? _deliverySlotValue;
  final FirebaseAuth _auth = FirebaseAuth.instance;
  late bool _isLoading = false;
  final GlobalMethods _globalMethods = GlobalMethods();
  final …
Run Code Online (Sandbox Code Playgroud)

flutter google-cloud-firestore flutter-textformfield

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

如何在flutter中更改框阴影的高度、宽度和不透明度?

第一张图片中的按钮有一个模糊的阴影,宽度小于按钮。

但是当我尝试在我的 flutter 应用程序中应用该设计时,它看起来不同,而且我无法设置 ab 框阴影的宽度、高度和不透明度。我该怎么做?

应用程序.dart

MaterialButton(
                          onPressed: () {},
                          textColor: Colors.white,
                          padding: const EdgeInsets.all(0.0),
                          child: Container(
                            padding: const EdgeInsets.symmetric(
                                vertical: 4.0, horizontal: 16.0),
                            decoration: BoxDecoration(
                                color: Color(0XFF00D99E),
                                borderRadius: BorderRadius.circular(16.0),
                                boxShadow: [
                                  Opacity(opacity: null),
                                  BoxShadow(
                                    color: Color(0XFF000000),
                                    offset: Offset(0.0, 8.0),
                                    blurRadius: 16.0,
                                  )
                                ]),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                              children: <Widget>[
                                Padding(
                                  padding: EdgeInsets.all(4.0),
                                  child: Image.asset(
                                    'assets/icon-chat-notification.png',
                                    color: Colors.white,
                                  ),
                                ),
                                Padding(
                                  padding: EdgeInsets.all(4.0),
                                  child: Text('CART'),
                                )
                              ],
                            ),
                          ),
                        )
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

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

如何在颤振中将文本与图像对齐?

我想将图像上的文本与左下角对齐,但即使将其与左下角对齐,它仍然保持在左上角。因此,请帮助我了解代码中的错误或缺失,以实现以下图像文本布局。

在此处输入图片说明

我的输出

在此处输入图片说明

SingleChildScrollView(
            scrollDirection: Axis.horizontal,
            child: Row(
              children: <Widget>[
                Container(
                  width: 300,
                  height: 220,
                  alignment: Alignment.bottomLeft,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                        image: AssetImage('assets/image1.png'),
                        fit: BoxFit.cover),
                  ),
                  child: Column(
                    children: <Widget>[
                      Text(
                        "Jerusalem",
                        style: TextStyle(
                            fontFamily: 'AirbnbCerealBold',
                            fontSize: 28,
                            fontWeight: FontWeight.bold,
                            color: Colors.white),
                      ),
                      Text("1,243 Place", style: TextStyle(
                          fontFamily: 'AirbnbCerealBook',
                          fontSize: 14,
                          color: Colors.white),
                      ),
                    ],
                  ),
                ),
                Container(
                  width: 300,
                  height: 220,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                        image: AssetImage('assets/image3.png'),
                        fit: BoxFit.cover),
                  ),
                ),
              ],
            ),
          ),
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

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