如何将图像放入颤振图像中

Question

https://i.stack.imgur.com/w5mLQ.png

就像我们在大图片中看到的一个小圆形图像一样。以及如何如图所示排列文字

https://i.stack.imgur.com/w5mLQ.png

Answer 1

Widget build(BuildContext context) {\n  return new Container(\n    height: 150.0,\n    margin: new EdgeInsets.all(10.0),\n    decoration: new BoxDecoration(borderRadius: new BorderRadius.all(new Radius.circular(10.0)),\n        gradient: new LinearGradient(colors: [Colors.yellow[700], Colors.redAccent],\n            begin: Alignment.centerLeft, end: Alignment.centerRight, tileMode: TileMode.clamp)),\n    child: new Row(\n      crossAxisAlignment: CrossAxisAlignment.center,\n      children: <Widget>[\n        new Padding(padding: new EdgeInsets.only(left: 10.0, right: 10.0),\n          child: new CircleAvatar(radius: 35.0, backgroundImage: NetworkImage(\'https://wallpapercave.com/wp/wp2365076.jpg\'),)\n        ),\n        new Expanded(child: new Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          crossAxisAlignment: CrossAxisAlignment.start,\n          children: <Widget>[\n            new Text(\'New York\', style: new TextStyle(fontSize: 20.0, color: Colors.white70, fontWeight: FontWeight.bold),),\n            new SizedBox(height: 8.0,),\n            new Text(\'Sunny\', style: new TextStyle(fontSize: 12.0, color: Colors.white70),),\n            new SizedBox(height: 10.0,),\n            new Row(children: <Widget>[\n              new Column(children: <Widget>[\n                new Text(\'2342\', style: new TextStyle(fontSize: 12.0, color: Colors.white)),\n                new Text(\'Popularity\', style: new TextStyle(fontSize: 10.0, color: Colors.white)),\n              ],),\n              new Column(children: <Widget>[\n                new Text(\'2342\', style: new TextStyle(fontSize: 12.0, color: Colors.white)),\n                new Text(\'Like\', style: new TextStyle(fontSize: 10.0, color: Colors.white)),\n              ],),\n              new Column(children: <Widget>[\n                new Text(\'2342\', style: new TextStyle(fontSize: 12.0, color: Colors.white)),\n                new Text(\'Followed\', style: new TextStyle(fontSize: 10.0, color: Colors.white)),\n              ],)\n            ],)\n          ],)),\n        new Padding(padding: new EdgeInsets.only(left: 10.0, right: 10.0),\n          child: new Column(\n            mainAxisAlignment: MainAxisAlignment.center,\n            children: <Widget>[\n            new Text(\'12\xc2\xb0\', style: new TextStyle(fontSize: 30.0, color: Colors.white70),),\n            new Text(\'Ranking\', style: new TextStyle(fontSize: 14.0, color: Colors.white70),),\n          ],))\n\n      ],),\n  );\n}\n

\n\n

\n