nilopaim
/
pcast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cosmetic changes on global components

development
Nilo Roberto C Paim 2023-11-26 12:00:21 -03:00
parent 8524e81a76
commit 1d9da1c7e9
4 changed files with 77 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lib/app/app_page.dart
View File

@ -28,6 +28,8 @@ class AppPage extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center,
children: [
NcButton(
width: MediaQuery.of(context).size.width * 0.6,
height: 100,
caption: "Quero testar a plataforma",
backgroundColor: Colors.black,
captionColor: Colors.white,
@ -39,6 +41,8 @@ class AppPage extends StatelessWidget {
height: 40,
),
NcButton(
width: MediaQuery.of(context).size.width * 0.6,
height: 100,
caption: "Já sou cliente",
backgroundColor: Colors.black,
captionColor: Colors.white,

41
lib/app/login/login_page.dart
View File

@ -1,5 +1,8 @@
import 'package:flutter/material.dart';
import 'package:pcast/components/nc_base_page.dart';
import 'package:pcast/components/nc_button.dart';
import 'package:pcast/components/nc_text_field.dart';
import 'package:velocity_x/velocity_x.dart';
Route routeBuilder(BuildContext ctx, RouteSettings settings) {
return PageRouteBuilder(
@ -22,21 +25,37 @@ class LoginPage extends StatefulWidget {
}
class _LoginPageState extends State<LoginPage> {
TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
return const NcBasePage(
return NcBasePage(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Login Page",
style: TextStyle(
color: Colors.white,
fontSize: 40,
child: SizedBox(
width: MediaQuery.of(context).size.width * 0.6,
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
"Informe o seu email".text.white.italic.xl4.make(),
const SizedBox(
height: 40,
),
),
],
NCTextField(hintText: "Email", controller: controller),
const SizedBox(
height: 40,
),
NcButton(
width: 250,
height: 80,
caption: "Próximo",
backgroundColor: Colors.black,
captionColor: Colors.red,
onPressed: () => {
print(controller.text),
},
),
],
),
),
),
);

21
lib/components/nc_button.dart
View File

@ -2,23 +2,34 @@ import 'package:flutter/material.dart';
import 'package:velocity_x/velocity_x.dart';
class NcButton extends StatelessWidget {
const NcButton({super.key, required this.caption, required this.backgroundColor, required this.captionColor, this.onPressed});
const NcButton({
super.key,
required this.caption,
required this.backgroundColor,
required this.captionColor,
this.onPressed,
required this.width,
required this.height,
});
final String caption;
final Color backgroundColor;
final Color captionColor;
final double width;
final double height;
final void Function()? onPressed;
@override
Widget build(BuildContext context) {
return SizedBox(
width: 500,
height: 100,
width: width,
height: height,
child: ElevatedButton(
onPressed: onPressed,
style: ElevatedButton.styleFrom(
backgroundColor: backgroundColor,
foregroundColor: captionColor,
padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 20),
backgroundColor: Colors.black,
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),

27
lib/components/nc_text_field.dart Normal file
View File

@ -0,0 +1,27 @@
import 'package:flutter/material.dart';
class NCTextField extends StatelessWidget {
const NCTextField({super.key, required this.hintText, required this.controller});
final String hintText;
final TextEditingController controller;
@override
Widget build(BuildContext context) {
return TextField(
controller: controller,
decoration: InputDecoration(
hintText: hintText,
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(color: Colors.black),
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: const BorderSide(color: Colors.black),
),
),
);
}
}