小编Bur*_*rak的帖子

我正在尝试使用VerticalDivider小部件来分隔Row. 这里是全身。

排：

Row(
  children: <Widget>[
    Text('420 Posts', style: TextStyle(color: Color(0xff666666)),),
    VerticalDivider(
      thickness: 2,
      width: 20,
      color: Colors.black,
    ),
    Text('420 Posts', style: TextStyle(color: Color(0xff666666)),)
  ],
),

我正在尝试将所有文​​本左对齐。但是，它始终位于中间，如下图所示。我试过使用Align小部件并将小部件上的textAlign属性设置Text为TextAlign.left但没有运气。

卡.dart

Row(
  children: <Widget>[
    Card(
      elevation: 2,
      child: ClipRRect(
        borderRadius: BorderRadius.all(Radius.circular(4)),
        child: Image.network('https://loremflickr.com/100/100'),
      ),
    ),
    Padding(
      padding: const EdgeInsets.only(left: 8),
      child: Column(
        children: <Widget>[
          Align(
            alignment: Alignment.centerLeft,
            child: Text(
              'Marry Jane',
              textAlign: TextAlign.left,
              style: TextStyle(fontSize: 16),
            ),
          ),
          Align(
            alignment: Alignment.centerLeft,
            child: Text(
              'Make-up Artist',
              textAlign: TextAlign.left,
              style: TextStyle(fontSize: 14, color: Color(0xff666666)),
            ),
          ),
          Row(
            children: <Widget>[
              Text(
                '3.5',
                textAlign: TextAlign.left,
                style: TextStyle(fontSize: 18, color: Color(0xff666666)),
              ),
              Icon(FontAwesomeIcons.starHalf)
            ],
          )
        ], …

我有一个Container小部件和一个IconButton. 当我按下 时IconButton， 后面会出现涟漪效应Container。有没有办法来解决这个问题？

这是 Github Gist 的完整课程。

Container(
  height: height,
  decoration: _cardBoxDecoration(Colors.white),
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
      Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          IconButton(
            icon: Icon(
              FontAwesomeIcons.checkCircle,
              color: _checkGrey,
              size: 20,
            ),
            onPressed: () {},
          ),
          IconButton(
            icon: Icon(
              Icons.more_horiz,
              color: _grey,
              size: 20,
            ),
            onPressed: () {},
          )
        ],
      ),
    ]
  )
);

我创建了这个示例代码来演示我正在尝试做的事情。运行此代码。

无法读取未定义的属性“myValue”

class Foo {
    myValue = 'test123';
    boo: Boo;

    constructor(boo: Boo) {
        this.boo = boo;
    }

    memoFunc() {
        this.boo.anotherFunction(this.myFunction);
    }

    myFunction() {
        console.log(this.myValue);
    }
}

class Boo {
    anotherFunction(func: () => void) {
        func();
    }
}

const foo = new Foo(new Boo());
foo.memoFunc();