Skip to content

Instantly share code, notes, and snippets.

@juwencheng
Created August 22, 2018 08:56
Show Gist options
  • Save juwencheng/3c771431ee76e96bb6f73c3cfe29cf5c to your computer and use it in GitHub Desktop.
Save juwencheng/3c771431ee76e96bb6f73c3cfe29cf5c to your computer and use it in GitHub Desktop.
使用Stack布局创建图文重叠的效果
new Stack(
children: <Widget>[
new Positioned.fill(
child: new FadeInImage(
placeholder: new AssetImage('placeholder.png'),
image: new CachedNetworkImageProvider(photos[int].url),
fit: BoxFit.contain,
alignment: Alignment.center,
fadeInDuration: new Duration(milliseconds: 200),
fadeInCurve: Curves.linear,
),
),
new Positioned(
top: 10.0,
left: 10.0,
child: new Container(
child: new Text(photos[int].title)
),
),
],
)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment