add backButton,add Scaffold

null_safety
小赖 5 years ago
parent 03164d9afd
commit 76c7893f74

@ -1,3 +1,9 @@
# ansu_ui 安速物流移动组件 # ansu_ui 安速物流移动组件
## Getting Started ## Getting Started
## 贡献
### 组件命名
* 命名规则 `as_***`,例如 `as_button`

@ -0,0 +1,18 @@
import 'package:ansu_ui/ansu_ui.dart';
import 'package:flutter/material.dart';
class ExampleScaffold extends StatefulWidget {
ExampleScaffold({Key key}) : super(key: key);
@override
_ExampleScaffoldState createState() => _ExampleScaffoldState();
}
class _ExampleScaffoldState extends State<ExampleScaffold> {
@override
Widget build(BuildContext context) {
return ASScaffold(
title: '标题',
);
}
}

@ -1,6 +1,9 @@
import 'package:ansu_ui/ansu_ui.dart'; import 'package:ansu_ui/ansu_ui.dart';
import 'package:ansu_ui/buttons/as_button.dart'; import 'package:ansu_ui/buttons/as_button.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'example_scaffold.dart';
void main() { void main() {
runApp(MyApp()); runApp(MyApp());
@ -9,12 +12,8 @@ void main() {
class MyApp extends StatelessWidget { class MyApp extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return MaterialApp( return GetMaterialApp(
title: 'Flutter Demo', title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: _ScreenAdapter(), home: _ScreenAdapter(),
); );
} }
@ -24,7 +23,7 @@ class _ScreenAdapter extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
ScreenUtil.init(context, ScreenUtil.init(context,
designSize: Size(750, 1334), allowFontScaling: false); designSize: Size(375, 812), allowFontScaling: false);
return MyHomePage(); return MyHomePage();
} }
} }
@ -47,6 +46,11 @@ class _MyHomePageState extends State<MyHomePage> {
children: [ children: [
ASButton(), ASButton(),
SizedBox(height: 12.w), SizedBox(height: 12.w),
TextButton(
onPressed: () {
Get.to(ExampleScaffold());
},
child: Text('SCAFFOLD')),
], ],
), ),
); );

@ -81,6 +81,13 @@ packages:
description: flutter description: flutter
source: sdk source: sdk
version: "0.0.0" version: "0.0.0"
get:
dependency: "direct main"
description:
name: get
url: "https://pub.flutter-io.cn"
source: hosted
version: "3.17.1"
matcher: matcher:
dependency: transitive dependency: transitive
description: description:
@ -164,5 +171,5 @@ packages:
source: hosted source: hosted
version: "2.1.0-nullsafety.3" version: "2.1.0-nullsafety.3"
sdks: sdks:
dart: ">=2.10.0-110 <2.11.0" dart: ">=2.10.0 <2.11.0"
flutter: ">=1.17.0" flutter: ">=1.17.0"

@ -30,6 +30,7 @@ dependencies:
cupertino_icons: ^1.0.0 cupertino_icons: ^1.0.0
ansu_ui: ansu_ui:
path: ../ path: ../
get:
dev_dependencies: dev_dependencies:
flutter_test: flutter_test:

@ -1,4 +1,8 @@
library ansu_ui; library ansu_ui;
export 'buttons/as_button.dart'; export 'buttons/as_button.dart';
export 'scaffold/as_scaffold.dart';
export 'styles/as_colors.dart';
//`BOTTOM` is external lib
export 'package:flutter_screenutil/flutter_screenutil.dart'; export 'package:flutter_screenutil/flutter_screenutil.dart';

@ -0,0 +1,26 @@
import 'package:ansu_ui/ansu_ui.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class ASBackButton extends StatelessWidget {
final Color color;
const ASBackButton({Key key, this.color = kDarkColor}) : super(key: key);
const ASBackButton.white({Key key})
: color = kForegroundColor,
super(key: key);
@override
Widget build(BuildContext context) {
return Navigator.canPop(context)
? IconButton(
icon: Icon(
CupertinoIcons.chevron_back,
size: 24,
color: color,
),
onPressed: () => Navigator.pop(context),
)
: SizedBox();
}
}

@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
/// ///
class ASButton extends StatefulWidget { class ASButton extends StatefulWidget {
ASButton({Key key}) : super(key: key); ASButton({Key key}) : super(key: key);
ASButton.xxx({Key key}) : super(key: key);
@override @override
_ASButtonState createState() => _ASButtonState(); _ASButtonState createState() => _ASButtonState();

@ -0,0 +1,55 @@
import 'package:ansu_ui/buttons/as_back_button.dart';
import 'package:ansu_ui/styles/as_colors.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
///ASScaffold
///
///made with Scaffold from `Material`
///
///`title`,`body`
///
///`leading`
class ASScaffold extends StatefulWidget {
///`String``Text`
final dynamic title;
/// `Scaffold` body
final Widget body;
/// `Scaffold` leading
final Widget leading;
ASScaffold({
Key key,
@required this.title,
this.leading,
this.body,
}) : super(key: key);
@override
_ASScaffoldState createState() => _ASScaffoldState();
}
class _ASScaffoldState extends State<ASScaffold> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: kBackgroundColor,
appBar: AppBar(
backgroundColor: kForegroundColor,
elevation: 0,
leading: ASBackButton(),
centerTitle: true,
title: DefaultTextStyle(
style: TextStyle(
color: kTextColor,
fontSize: 18.sp,
fontWeight: FontWeight.bold,
),
child: widget.title is String ? Text(widget.title) : widget.title,
),
),
body: widget.body,
);
}
}

@ -0,0 +1,16 @@
import 'package:flutter/material.dart';
///
const Color kDarkColor = Color(0xFF333333);
///
const Color kTextColor = kDarkColor;
///
const Color kPrimaryColor = Color(0xFFF6B72D);
///
const Color kForegroundColor = Color(0xFFFFFFFF);
///
const Color kBackgroundColor = Color(0xFFF6F6F6);
Loading…
Cancel
Save