小编hel*_*end的帖子

如何在 Flutter 中向 AnimationController 添加 Curves 类动画?

我正在尝试将曲线类动画“Curves.bounceOut”添加到我使用 AnimationController 的代码中。

这是我的代码:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin {
  var squareScale = 1.0;
  static AnimationController _controller;

  @override
  void initState() {
    _controller = AnimationController(
        vsync: this,
        lowerBound: 0.5,
        upperBound: 1.0,
        duration: Duration(milliseconds: 300));

    _controller.addListener(() {
      setState(() {
        squareScale = _controller.value;
      });
    });

    super.initState();
  }

  @override
  void …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-animation

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

如何在 Flutter 中将一个小部件与屏幕顶部对齐并将另一个小部件居中放置在屏幕中间?

在同一个正文中,我试图将一个小部件与屏幕顶部对齐,另一个与屏幕中心对齐。事实证明这很困难。

这是我的代码:

body: Column(children: <Widget>[
        Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Container(
              color: Colors.redAccent,
              width: screenWidth,
              height: 50.0,
              child: Center(
                child: Text(
                  "Hello World!",
                  style: TextStyle(
                    fontSize: 18.0,
                    color: Colors.white,
                  ),
                ),
              ),
            ),
          ],
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Container(
              color: Colors.blueAccent,
              width: screenWidth,
              height: 50.0,
              child: Center(
                child: Text(
                  "Thanks for the help!",
                  style: TextStyle(
                    fontSize: 18.0,
                    color: Colors.white,
                  ),
                ),
              ),
            ),
          ],
        ),
      ]),
Run Code Online (Sandbox Code Playgroud)

当这段代码在我的 Xcode 模拟器中运行时,结果如下:

https://i.imgur.com/JtPKyq0.png

所以要清楚这个结果是错误的,因为我希望蓝色容器位于屏幕的中心,而不是顶部。

在此先感谢您的帮助!

dart flutter flutter-layout

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

我在 Flutter 项目中找不到 Runner/Runner 目录

创建新的 Flutter 项目后,我找不到本文档中第 3b 步中描述的 Runner/Runner 目录 - https://firebase.google.com/docs/flutter/setup#configure_an_ios_app

我正在尝试将文件 GoogleService-Info.plist 添加到我的项目以配置 ios 应用程序。

任何帮助将不胜感激。

firebase flutter

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

你可以使用 Flutter 的变换类来动画缩放吗?

我正在尝试为两个方形容器设置动画,以便在点击它们时按比例设置动画。我在网上看到所有这些显示小部件动画的变换类示例,但是当我使用变换类时,比例只是从其初始值跳转到其最终值。

我的最终目标是让容器在每次被点击时“弹跳”,就像在 web 开发中使用 bobounce.js 所做的那样。要理解我的意思,您可以访问http://bouncejs.com,单击左上角的“选择预设”,从下拉菜单中选择果冻,然后单击“播放动画”。

这可以用转换类来完成吗?

这是我的代码:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  _MyHomePageState createState() => _MyHomePageState();
}

var squareScaleA = 0.5;
var squareScaleB = 0.5;

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Bounce Example"),
      ),
      body: Stack(
        children: <Widget>[
          Container(
            width: 300.0,
            height: 150.0,
            color: Colors.yellowAccent, …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-animation

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

在 Flutter 中关闭应用程序后,如何使本地存储持久化?

我正在使用包 localstorage - https://pub.dartlang.org/packages/localstorage#-installing-tab-

这是我的代码:

import 'package:flutter/material.dart';
import 'package:localstorage/localstorage.dart';

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

class MyApp extends StatelessWidget {
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  _MyHomePageState createState() => _MyHomePageState();
}

final LocalStorage storage = new LocalStorage("level");

class _MyHomePageState extends State<MyHomePage> {

  void initState() {
    super.initState();

    //storage.setItem("level", 0);
    printStorage();
  }

  void printStorage() {
    print("level stored: " + storage.getItem("level").toString());
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("LocalStorage Example"),
      ), …
Run Code Online (Sandbox Code Playgroud)

dart flutter

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

Flutter 中如何制作屏幕高度和宽度的全局变量?

我正在尝试在变量文件中为屏幕的高度和宽度设置变量,以便我可以从所有其他文件访问它们。

这是我的代码:

import 'package:flutter/material.dart';

BuildContext context = context;

double screenWidth = MediaQuery.of(context).size.width;
double screenHeight = MediaQuery.of(context).size.height;
Run Code Online (Sandbox Code Playgroud)

然而,这会导致应用程序无法运行并返回消息

在初始化期间读取静态变量“上下文”

dart flutter

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