flutter - 在 listtile 标题上颤动覆盖图像
解决方案
这是我使用“堆栈”的实现。
因为有一个固定的大小值,我认为它是否是最好的解决方案。
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: _buildBody(),
floatingActionButton: FloatingActionButton(
onPressed: () {},
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
Widget _buildBody() {
return Container(
height: 70,
color: Color(0XFFFFA000),
child: Container(
margin: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
child: Stack(
alignment: Alignment.center,
children: [
Row(
mainAxisSize: MainAxisSize.min,
children: [
Container(
padding: EdgeInsets.symmetric(
vertical: 5,
horizontal: 30,
),
margin: EdgeInsets.only(left: 30),
decoration: BoxDecoration(
color: Colors.black,
borderRadius: BorderRadius.circular(5),
),
child: Text(
'El ilustre',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.white,
fontSize: 25,
),
),
),
Icon(Icons.arrow_forward, color: Colors.white),
],
),
Positioned(
left: 0,
child: ClipRRect(
borderRadius: BorderRadius.circular(35.0),
child: Image.network(
'https://i.ibb.co/1vXpqVs/flutter-logo.jpg',
width: 50,
height: 50,
fit: BoxFit.fill,
),
),
)
],
),
));
}
}
推荐阅读
- javascript - Firebase 网络退出不会发送任何 XHR
- reactjs - Material-UI:未调用 ListItem onClick
- python - 如何在没有主域的情况下在 keycloak 中创建租户?
- c# - Razor 函数从动作中获取图像路径
- java - REST API 在 Ktor 中返回空响应
- .net - 面向完整框架的 ASP.NET Core 应用程序 — InProcess IIS?
- ruby-on-rails - 使用 tohash.select 时如何用字符串替换空值?
- docker - 需要在 AWS EC2 实例中升级 docker 内存
- angular - 通过离子中的所有页面同步对象的最佳方法?
- c - 指向 3d 数组的指针