重新格式化ListTile UI Flutter

时间:2018-10-11 14:39:24

标签: dart flutter flutter-layout

我正在尝试创建一个购物车样式列表,以从总购物篮中添加和删除产品并增加成本。我希望有一些按钮指示购物篮中的物品数量,但是UI出现问题。我希望产品名称和价格与磁贴的左侧对齐,柜台希望与磁贴的右侧对齐

我尝试使用列表图块。

    ListTile(
          title:Text(record.name),
          subtitle: Text(record.sellingprice.toString()+" RMB"),
         trailing: 
     Row(mainAxisAlignment:MainAxisAlignment.end,children: 
    <Widget>[
      new FloatingActionButton(
        mini: true,
        onPressed: add,
        child: new Icon(Icons.add, color: Colors.black,),
        backgroundColor: Colors.white,),

      new Text('$_n',
          ),

      new FloatingActionButton(
        mini: true,
        onPressed: minus,
        child: new Icon(
            const IconData(0xe15b, fontFamily: 'MaterialIcons'),
            color: Colors.black),

      ),]),
      onTap: () => totalCost + record.sellingprice,
    ),

但这只是给了我图像中显示的内容。任何想法如何解决? ListTile spacing error

1 个答案:

答案 0 :(得分:0)

使该行使用最小尺寸。

将此参数添加到行:

public function authenticate(Request $request) {
    $credentials = $request->only('email', 'password');
    LaravelLocalization::setLocale($request->locale);

    if (Auth::attempt($credentials))
        return redirect()->intended('/');
    else
        return Redirect::back()->with('alert', ['type' => 'warning', 'msg' => __('Login failed')]);
}