オーバーフローが表示されたスタックまたはクリップ動作セットClip.noneおよびPositionedウィジェットを使用して効果を実現できます。
以下のコードではoverflow:Overflow.visibleを使用しましたが、非推奨になっているため、代わりにclipBehavior:Clip.noneを使用できます。
以下の作業コードを参照してください:
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Stack(
overflow: Overflow.visible,
children: [
Container(width: 175, height: 50, color: Colors.white),
Positioned(
left: 165,
bottom: 15,
child: Container(
height: 20,
width: 20,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.grey),
child: Icon(Icons.add, color: Colors.black, size: 16),
),
),
],
);
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加