探索Flutter新境界:ShadcnUI——极致定制的Flutter界面库
import 'package:flutter/material.dart';
import 'package:shadown/shadown.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Shadown UI Example'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ShadownButton(
child: Text('Press Me'),
onPressed: () => print('Button Pressed'),
),
SizedBox(height: 20),
ShadownText(
'Shadown UI',
style: TextStyle(fontSize: 24),
),
],
),
),
),
);
}
}
这段代码演示了如何在Flutter应用中使用Shadown UI库。首先,我们导入了必要的Shadown UI库。在MyApp
的build
方法中,我们创建了一个MaterialApp
,其中包含了一个Scaffold
,其中包含了AppBar
、body
部分,以及使用了Shadown UI中的ShadownButton
和ShadownText
组件。这些组件提供了与原生组件不同的视觉效果和定制选项。
评论已关闭