小编Tom*_*myF的帖子

颤振布局行/列 - 共享宽度,扩展高度

我在Flutter的布局方面仍然遇到一些麻烦.
现在我希望在象限布局中在3个小部件之间共享可用空间.宽度均匀分享(这可以通过Expanded一行中的两个小部件正常工作),但现在我也希望高度自动调整widget3.height == widget1.height + widget2.height. 布局 如果内容widget3较大,我想要widget1widget2调整它们的高度,反之亦然.

这在Flutter中甚至可能吗?

flutter flutter-layout

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

无法重新加载/刷新活动路由

我最近更新到新的RC3和Router3alpha,似乎有些事情发生了变化.

我注意到单击活动路径的链接不再导致重新加载组件.如何使用新的router3实现此行为?

我的链接看起来像

<a [routerLink]="['/link1']">Link1</a>
Run Code Online (Sandbox Code Playgroud)

为了测试我只是在ngOnInit中使用了一个随机数:

export class LinkoneComponent implements OnInit 
{

    public foo: number;
    constructor() {}

    ngOnInit() 
    {
        this.foo = Math.floor(Math.random() * 100) + 1;
    }

}
Run Code Online (Sandbox Code Playgroud)

在路由之间切换时它可以正常工作,但是单击当前活动的路由不会导致组件的重新加载.

angular2-routing angular2-router3 angular

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

Flutter Textfield没有键盘

我正在尝试使用基本的Textfields在这里构建一个简单的登录屏幕,但我无法让键盘出现在模拟器中.
通过物理键盘输入工作正常,但在iOS模拟器中没有键盘可见.我是否必须明确地打开它或什么?

感觉就像我在这里遗漏了一些非常基本的东西.

buildLoginScreen() {
return new Container(
  padding: EdgeInsets.only(left: 50.0, right: 50.0),
  child: new Column(
    children: <Widget>[
      new TextField(
        style: new TextStyle(color: Colors.white),
        autofocus: true,
        autocorrect: false,
        decoration: new InputDecoration(
          labelText: 'Login',
        ),
        onChanged: (text) { _userLoginEmail = text; },
      ),
      new TextField(
        autofocus: false,
        autocorrect: false,
        obscureText: true,
        decoration: new InputDecoration(
          labelText: 'Password'
        ),
        onChanged: (text) { _userLoginPassword = text; },
      )
    ],
  ),
);
}
Run Code Online (Sandbox Code Playgroud)

解决方案 如果硬件键盘已连接,则会抑制软键盘.cmd + shift + k断开硬件键盘或cmd + k切换软件键盘.

ios dart flutter

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

initState 方法中的 Flutter showDialog(context)

showDialog(context, builder)当用户导航到某个页面时,我试图使用来显示问候消息。

我通过调用该页面上有状态小部件showDialoginitState方法来尝试此操作。虽然它确实有效,但我似乎无权访问实际上下文。

是否有扑了的方式来访问contextinitState()方法是什么?

如果没有,是否有另一种方法可以更好地实现这种行为?

@override
void initState() {
  super.initState();
  new Future.delayed(Duration.zero, () {
    showDialog(context: context, 
    builder: (BuildContext context) {
      return new Container(child: new Text('foo'));
    });
  });
}
Run Code Online (Sandbox Code Playgroud)

flutter

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

@angular/cli build 排除 --prod 的资产子目录

我的测试数据位于assets/test/我不想包含在生产部署中。

运行时如何配置@angular/cli忽略/排除该文件夹ng build --prod?按照其他地方的建议
向 中添加一个exclude部分tsconfig.json不会导致任何可观察到的更改(即运行dist/assets/test后的文件ng build --prod)。

"compilerOptions": { ... },
"exclude" : [ "src/assets/test" ]
Run Code Online (Sandbox Code Playgroud)

是否有另一种方法可以从ng build进程中正确排除某些文件或文件夹?

angular-cli angular

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

颤动堆栈大小到兄弟姐妹

有没有办法将堆栈子项自动调整为最大的兄弟?也就是说,如果我有Stack一个ListTileContainer在上面,我该如何确保Container覆盖整个ListTile

例:

new Stack(children: <Widget>[
      new ListTile(
          leading: new AssetImage('foo.jpg'),
          title: new Text('Bar'),
          subtitle: new Text('yipeee'),
          isThreeLine: true,
      ),
      new Container(color: Colors.grey, child: new Text('foo'))
 ],
)
Run Code Online (Sandbox Code Playgroud)

我试图使它一起工作Row,ColumnExpanded而正在运行与无边界约束的问题.

有没有办法将Container(或任何其他小部件,如a GestureDetector)的大小调整为堆栈中最大的兄弟?

flutter

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

不能在D3 v4中使用带有对象的attr

我一直试图将一个漂亮的D3图表示例(https://jsfiddle.net/thudfactor/HdwTH/)转换为带有新D3 v4的Angular2组件.

但是,我使用以下代码获取"无法读取null属性文本"异常:

var textLabels = labelGroups.append("text").attr({
    x: function (d, i) {
        var centroid = pied_arc.centroid(d);
        var midAngle = Math.atan2(centroid[1], centroid[0]);
        var x = Math.cos(midAngle) * cDim.labelRadius;
        var sign = (x > 0) ? 1 : -1
        var labelX = x + (5 * sign)
        return labelX;
    },
    y: function (d, i) {
        var centroid = pied_arc.centroid(d);
        var midAngle = Math.atan2(centroid[1], centroid[0]);
        var y = Math.sin(midAngle) * cDim.labelRadius;
        return y;
    },
    'text-anchor': function (d, i) {
        var centroid …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js

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

angular-cli beta 14 - 如何导入环境?

我刚刚更新到最新的angular-cli(beta 14),它现在使用webpack而不是systemjs.

我曾经能够config/environment{prod|dev}.ts通过简单地导入常量来导入常量import { BASE_URL } from '../environment'.这不再起作用了.
环境现在定义angular-cli.json并指向environments/environment{.prod}.ts但我如何在我的组件中访问它们?

webpack angular-cli angular

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

当文本数据更改时颤动动画过渡

Text元素的数据发生变化时,Flutter 有没有办法为过渡设置动画?

我有一个new Text(_value)元素,其中_value根据滑块位置进行更改。有什么方法可以为过渡设置动画,使其不像刚改变时那样“突然” _value

我知道有小部件可以为两个不同小部件之间的过渡设置动画,但我只是更改data同一Text个小部件的属性。

flutter flutter-animation

8
推荐指数
2
解决办法
6386
查看次数

Vuejs 缓存来自 url 的图像,避免重新获取

我正在构建一个简单的画廊+幻灯片应用程序。
在画廊组件中,我拥有所有网址并将它们显示在GalleryItem组件中。

<gallery-item v-for="i in images" :item="i" :key="i.uid"/>
Run Code Online (Sandbox Code Playgroud)

GalleryItem然后使用

<img :src="item.url"/>
Run Code Online (Sandbox Code Playgroud)

显示图像。
如果用户单击任何一个,GalleryItem它将在灯箱/幻灯片组件中突出显示。

<lightbox :item="highlightedItem"/>
Run Code Online (Sandbox Code Playgroud)

再次使用

<img :src="item.url"/>
Run Code Online (Sandbox Code Playgroud)

我天真地期望浏览器缓存该请求,而不是重新加载完全相同的 URL,但这正是发生的情况。

有没有什么优雅的方法可以避免这种情况并在加载一次时缓存图像?

javascript browser-cache vue.js vue-component vuejs2

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