标签: dart

列出在dart中使用双点(.)?

有时我看到这个 List list = [];

然后 list..add(color)

使用1点(.)和2点(..)的区别是什么?

dart

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

Angular2动态更改CSS属性

我们正在制作一个Angular2应用程序,我们希望能够以某种方式创建一个全局CSS变量(并在分配变量时更改属性的值).

我们使用了Polymer一段时间(现在我们正在切换到Angular2组件)并且我们使用了CSS属性(Polymer有一些polyfill),我们只使用了更新样式Polymer.updateStyles().

有什么方法可以实现类似的功能吗?

编辑:

我们想要类似于Sass color: $g-main-color或CSS自定义属性的东西color: var(--g-main-color),每当我们决定更改属性的值时,例如updateVariable('g-main-color', '#112a4f')它会动态地更新所有值的值.所有这一切都在应用程序运行时.

编辑2:

我想在我的CSS的不同部分(host,child element ...)中使用一些全局CSS变量,并且能够立即更改值 - 所以如果我更改my-color变量,它会在应用程序的任何位置发生变化.

我将使用Sass语法为例:

:host { border: 2px solid $my-color }
:host .some-label { color: $my-color }
Run Code Online (Sandbox Code Playgroud)

可以使用Angular管道之类的东西吗?(但它应该只适用于HTML)

:host { border: 2px solid {{ 'my-color' | cssvariable }} }
:host .some-label { color: {{ 'my-color' | cssvariable }} }
Run Code Online (Sandbox Code Playgroud)

javascript dart angular-dart angular

72
推荐指数
3
解决办法
11万
查看次数

Flutter中RelativeLayout的等价物

有没有办法实现与RelativeLayoutAndroid上类似的东西?

特别是我在寻找类似的东西来centerInParent,layout_below:<layout_id>,layout_above:<layout_id>,和alignParentLeft

有关RelativeLayout的更多参考:https://developer.android.com/reference/android/widget/RelativeLayout.LayoutParams.html

编辑:这是一个依赖布局的例子 RelativeLayout

截图

所以在上面的图片中,"豆腐的歌曲"文字在centerInParent里面对齐RelativeLayout.而另外2个是alignParentLeftalignParentRight

在火图标所在的每个单元格上,其底部的喜欢数量围绕火焰图标的中心对齐.此外,每个单元格上的顶部和底部标题分别与图像化身的右侧和顶部和底部对齐.

android dart android-relativelayout flutter

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

未处理的异常:InternalLinkedHashMap&lt;String, dynamic&gt;' 不是类型 'List&lt;dynamic&gt; 的子类型

我正在尝试从服务器获取 JSON 响应并将其输出到控制台。

Future<String> login() async {
    var response = await http.get(
        Uri.encodeFull("https://etrans.herokuapp.com/test/2"),
        headers: {"Accept": "application/json"});

    this.setState(() {
      data = json.decode(response.body);
    });


    print(data[0].name);
    return "Success!";
  }
Run Code Online (Sandbox Code Playgroud)

未处理的异常:类型“_InternalLinkedHashMap<String, dynamic>”不是“List”类型的子类型

可能是什么原因?

dart flutter

72
推荐指数
7
解决办法
13万
查看次数

Dart语言中的Console.log

如何console.log使用Dart语言登录浏览器控制台(如JavaScript)?

console dart

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

创建小部件的函数和类之间有什么区别?

我已经意识到可以使用普通函数创建小部件而不是子类化StatelessWidget.一个例子是这样的:

Widget function({ String title, VoidCallback callback }) {
  return GestureDetector(
    onTap: callback,
    child: // some widget
  );
}
Run Code Online (Sandbox Code Playgroud)

这很有趣,因为它需要的代码远远少于完整的类.例:

class SomeWidget extends StatelessWidget {
  final VoidCallback callback;
  final String title;

  const SomeWidget({Key key, this.callback, this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
      return GestureDetector(
        onTap: callback,
        child: // some widget
      );
  }
}
Run Code Online (Sandbox Code Playgroud)

所以我一直在想:除了创建小部件的函数和类之间的语法之外还有什么区别吗?使用函数是一个好习惯吗?

dart flutter

70
推荐指数
4
解决办法
5773
查看次数

如何在Flutter中进行"磨砂玻璃"效果?

我正在编写一个Flutter应用程序,我想使用/实现iOS上常见的"磨砂玻璃"效果.我该怎么做呢?

dart flutter

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

如何解除屏幕键盘?

我用a收集用户输入,TextFormField当用户按下FloatingActionButton指示它们完成时,我想关闭屏幕键盘.

如何让键盘自动消失?

import 'package:flutter/material.dart';

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

class MyHomePageState extends State<MyHomePage> {
  TextEditingController _controller = new TextEditingController();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.send),
        onPressed: () {
          setState(() {
            // send message
            // dismiss on screen keyboard here
            _controller.clear();
          });
        },
      ),
      body: new Container(
        alignment: FractionalOffset.center,
        padding: new EdgeInsets.all(20.0),
        child: new TextFormField(
          controller: _controller,
          decoration: new InputDecoration(labelText: …
Run Code Online (Sandbox Code Playgroud)

dart flutter

68
推荐指数
21
解决办法
3万
查看次数

我怎样才能"睡"Dart程序

我喜欢在我的Dart应用程序中模拟异步Web服务调用以进行测试.为了模拟这些模拟调用响应的随机性(可能是乱序),我想编程我的模拟等待(睡眠)一段时间后再返回'Future'.

我怎样才能做到这一点?

unit-testing mocking dart

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

将数据传递给有状态的小部件

我想知道在创建数据时,将数据传递给有状态小部件的最佳/最佳性能是什么.

我见过的两种风格是:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState(_server);
}

class _ServerInfoState extends State<ServerInfo> {
  Server _server;

  _ServerInfoState(Server server) {
    this._server = server;
  }
}
Run Code Online (Sandbox Code Playgroud)

这种方法保持的值都在ServerInfo_ServerInfoState,这似乎有点浪费.

另一种方法是使用widget._server:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState();
}

class _ServerInfoState extends State<ServerInfo> {
  @override
    Widget build(BuildContext context) {
      widget._server = "10"; …
Run Code Online (Sandbox Code Playgroud)

dart flutter

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