feat: inicial estrutura do launcher com grid de mini apps (Notícias, Clima, Notas, Calendário, Calculadora, Galeria)

This commit is contained in:
Carlos
2026-07-11 02:12:14 +02:00
parent c5c68b456a
commit bb16bebe46
4 changed files with 192 additions and 117 deletions
+82
View File
@@ -0,0 +1,82 @@
import 'package:flutter/material.dart';
import 'models/mini_app.dart';
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Carteira Apps'),
centerTitle: true,
),
body: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
children: [
// Search bar
TextField(
decoration: InputDecoration(
hintText: 'Pesquisar apps...',
prefixIcon: const Icon(Icons.search),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
),
filled: true,
fillColor: Theme.of(context).colorScheme.surfaceContainerHighest,
),
),
const SizedBox(height: 16),
// Grid of mini apps
Expanded(
child: GridView.builder(
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
crossAxisSpacing: 12,
mainAxisSpacing: 12,
childAspectRatio: 0.9,
),
itemCount: miniApps.length,
itemBuilder: (context, index) {
final app = miniApps[index];
return Card(
elevation: 2,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: InkWell(
borderRadius: BorderRadius.circular(16),
onTap: () {
// TODO: navigate to actual mini app screen
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('${app.title} em desenvolvimento')),
);
},
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
app.icon,
size: 48,
color: app.color,
),
const SizedBox(height: 12),
Text(
app.title,
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.titleMedium,
),
],
),
),
);
},
),
),
],
),
),
);
}
}
+51 -96
View File
@@ -1,122 +1,77 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'models/mini_app.dart';
void main() { void main() {
runApp(const MyApp()); runApp(const CarteiraAppsApp());
} }
class MyApp extends StatelessWidget { class CarteiraAppsApp extends StatelessWidget {
const MyApp({super.key}); const CarteiraAppsApp({super.key});
// This widget is the root of your application.
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return MaterialApp( return MaterialApp(
title: 'Flutter Demo', title: 'Carteira Apps',
theme: ThemeData( theme: ThemeData(
// This is the theme of your application. colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
// useMaterial3: true,
// TRY THIS: Try running your application with "flutter run". You'll see
// the application has a purple toolbar. Then, without quitting the app,
// try changing the seedColor in the colorScheme below to Colors.green
// and then invoke "hot reload" (save your changes or press the "hot
// reload" button in a Flutter-supported IDE, or press "r" if you used
// the command line to start the app).
//
// Notice that the counter didn't reset back to zero; the application
// state is not lost during the reload. To reset the state, use hot
// restart instead.
//
// This works for code too, not just values: Most code changes can be
// tested with just a hot reload.
colorScheme: .fromSeed(seedColor: Colors.deepPurple),
), ),
home: const MyHomePage(title: 'Flutter Demo Home Page'), home: const HomePage(),
); );
} }
} }
class MyHomePage extends StatefulWidget { class HomePage extends StatelessWidget {
const MyHomePage({super.key, required this.title}); const HomePage({super.key});
// This widget is the home page of your application. It is stateful, meaning
// that it has a State object (defined below) that contains fields that affect
// how it looks.
// This class is the configuration for the state. It holds the values (in this
// case the title) provided by the parent (in this case the App widget) and
// used by the build method of the State. Fields in a Widget subclass are
// always marked "final".
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
// This call to setState tells the Flutter framework that something has
// changed in this State, which causes it to rerun the build method below
// so that the display can reflect the updated values. If we changed
// _counter without calling setState(), then the build method would not be
// called again, and so nothing would appear to happen.
_counter++;
});
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// This method is rerun every time setState is called, for instance as done
// by the _incrementCounter method above.
//
// The Flutter framework has been optimized to make rerunning build methods
// fast, so that you can just rebuild anything that needs updating rather
// than having to individually change instances of widgets.
return Scaffold( return Scaffold(
appBar: AppBar( appBar: AppBar(
// TRY THIS: Try changing the color here to a specific color (to title: const Text('Carteira Apps'),
// Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
// change color while the other colors stay the same.
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
// Here we take the value from the MyHomePage object that was created by
// the App.build method, and use it to set our appbar title.
title: Text(widget.title),
), ),
body: Center( body: Padding(
// Center is a layout widget. It takes a single child and positions it padding: const EdgeInsets.all(16.0),
// in the middle of the parent. child: GridView.builder(
child: Column( gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
// Column is also a layout widget. It takes a list of children and crossAxisCount: 2,
// arranges them vertically. By default, it sizes itself to fit its crossAxisSpacing: 16,
// children horizontally, and tries to be as tall as its parent. mainAxisSpacing: 16,
// childAspectRatio: 1,
// Column has various properties to control how it sizes itself and ),
// how it positions its children. Here we use mainAxisAlignment to itemCount: miniApps.length,
// center the children vertically; the main axis here is the vertical itemBuilder: (context, index) {
// axis because Columns are vertical (the cross axis would be final app = miniApps[index];
// horizontal). return Card(
// color: app.color.withValues(alpha: 0.1),
// TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint" child: InkWell(
// action in the IDE, or press "p" in the console), to see the onTap: () {
// wireframe for each widget. // TODO: navigate to actual app screen
mainAxisAlignment: .center, ScaffoldMessenger.of(context).showSnackBar(
children: [ SnackBar(content: Text('${app.title} em desenvolvimento')),
const Text('You have pushed the button this many times:'), );
Text( },
'$_counter', child: Column(
style: Theme.of(context).textTheme.headlineMedium, mainAxisAlignment: MainAxisAlignment.center,
), children: [
], Icon(app.icon, size: 48, color: app.color),
const SizedBox(height: 12),
Text(
app.title,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.w600,
color: app.color,
),
),
],
),
),
);
},
), ),
), ),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: const Icon(Icons.add),
),
); );
} }
} }
+55
View File
@@ -0,0 +1,55 @@
import 'package:flutter/material.dart';
class MiniApp {
final String title;
final IconData icon;
final Color color;
final String route; // route name for navigation
const MiniApp({
required this.title,
required this.icon,
required this.color,
required this.route,
});
}
// Sample list of mini apps (placeholders for now)
List<MiniApp> miniApps = [
MiniApp(
title: 'Notícias',
icon: Icons.newspaper,
color: Colors.blue,
route: '/news',
),
MiniApp(
title: 'Clima',
icon: Icons.wb_sunny,
color: Colors.orange,
route: '/weather',
),
MiniApp(
title: 'Notas',
icon: Icons.note,
color: Colors.green,
route: '/notes',
),
MiniApp(
title: 'Calendário',
icon: Icons.calendar_today,
color: Colors.red,
route: '/calendar',
),
MiniApp(
title: 'Calculadora',
icon: Icons.calculate,
color: Colors.purple,
route: '/calculator',
),
MiniApp(
title: 'Galeria',
icon: Icons.photo_library,
color: Colors.teal,
route: '/gallery',
),
];
+4 -21
View File
@@ -1,30 +1,13 @@
// This is a basic Flutter widget test.
//
// To perform an interaction with a widget in your test, use the WidgetTester
// utility in the flutter_test package. For example, you can send tap and scroll
// gestures. You can also use WidgetTester to find child widgets in the widget
// tree, read text, and verify that the values of widget properties are correct.
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart'; import 'package:flutter_test/flutter_test.dart';
import 'package:carteira_apps/main.dart'; import 'package:carteira_apps/main.dart';
void main() { void main() {
testWidgets('Counter increments smoke test', (WidgetTester tester) async { testWidgets('CarteiraAppsApp displays title', (WidgetTester tester) async {
// Build our app and trigger a frame. // Build our app and trigger a frame.
await tester.pumpWidget(const MyApp()); await tester.pumpWidget(const CarteiraAppsApp());
// Verify that our counter starts at 0. // Verify that the title is present.
expect(find.text('0'), findsOneWidget); expect(find.text('Carteira Apps'), findsOneWidget);
expect(find.text('1'), findsNothing);
// Tap the '+' icon and trigger a frame.
await tester.tap(find.byIcon(Icons.add));
await tester.pump();
// Verify that our counter has incremented.
expect(find.text('0'), findsNothing);
expect(find.text('1'), findsOneWidget);
}); });
} }