Skip to content
Snippets Groups Projects
Commit 36a7e6d4 authored by anfeichtinger's avatar anfeichtinger
Browse files

initial commit

parents
No related branches found
Tags v0.0.1+1
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 918 additions and 0 deletions
ios/Runner/Base.lproj/LaunchScreen.storyboard 0 → 100644
+ 37
− 0
View file @ 36a7e6d4
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="12121" systemVersion="16G29" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
<dependencies>
<deployment identifier="iOS"/>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12089"/>
</dependencies>
<scenes>
<!--View Controller-->
<scene sceneID="EHf-IW-A2E">
<objects>
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
<layoutGuides>
<viewControllerLayoutGuide type="top" id="Ydg-fD-yQy"/>
<viewControllerLayoutGuide type="bottom" id="xbc-2k-c8Z"/>
</layoutGuides>
<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<subviews>
<imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
</imageView>
</subviews>
<color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
<constraints>
<constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
<constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
</constraints>
</view>
</viewController>
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
</objects>
<point key="canvasLocation" x="53" y="375"/>
</scene>
</scenes>
<resources>
<image name="LaunchImage" width="168" height="185"/>
</resources>
</document>
ios/Runner/Base.lproj/Main.storyboard 0 → 100644
+ 26
− 0
View file @ 36a7e6d4
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
<dependencies>
<deployment identifier="iOS"/>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
</dependencies>
<scenes>
<!--Flutter View Controller-->
<scene sceneID="tne-QT-ifu">
<objects>
<viewController id="BYZ-38-t0r" customClass="FlutterViewController" sceneMemberID="viewController">
<layoutGuides>
<viewControllerLayoutGuide type="top" id="y3c-jy-aDJ"/>
<viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
</layoutGuides>
<view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
<rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
</view>
</viewController>
<placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
</objects>
</scene>
</scenes>
</document>
ios/Runner/Info.plist 0 → 100644
+ 55
− 0
View file @ 36a7e6d4
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>CFBundleDevelopmentRegion</key>
<string>$(DEVELOPMENT_LANGUAGE)</string>
<key>CFBundleExecutable</key>
<string>$(EXECUTABLE_NAME)</string>
<key>CFBundleIdentifier</key>
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
<key>CFBundleInfoDictionaryVersion</key>
<string>6.0</string>
<key>CFBundleName</key>
<string>flutter_production_boilerplate</string>
<key>CFBundlePackageType</key>
<string>APPL</string>
<key>CFBundleShortVersionString</key>
<string>$(FLUTTER_BUILD_NAME)</string>
<key>CFBundleSignature</key>
<string>????</string>
<key>CFBundleVersion</key>
<string>$(FLUTTER_BUILD_NUMBER)</string>
<key>LSRequiresIPhoneOS</key>
<true/>
<key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>
<key>UIMainStoryboardFile</key>
<string>Main</string>
<key>UISupportedInterfaceOrientations</key>
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationLandscapeLeft</string>
<string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UISupportedInterfaceOrientations~ipad</key>
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationPortraitUpsideDown</string>
<string>UIInterfaceOrientationLandscapeLeft</string>
<string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
<key>CFBundleLocalizations</key>
<array>
<string>en</string>
<string>nb</string>
</array>
<key>LSApplicationQueriesSchemes</key>
<array>
<string>https</string>
<string>http</string>
</array>
</dict>
</plist>
ios/Runner/Runner-Bridging-Header.h 0 → 100644
+ 1
− 0
View file @ 36a7e6d4
#import "GeneratedPluginRegistrant.h"
lib/config/theme.dart 0 → 100644
+ 140
− 0
View file @ 36a7e6d4
import 'package:flutter/material.dart';
class AppThemes {
/// Colors from Tailwind CSS
///
/// https://tailwindcss.com/docs/customizing-colors
static const int _primaryColor = 0xFF6366F1;
static const MaterialColor primarySwatch =
MaterialColor(_primaryColor, <int, Color>{
50: Color(0xFFECEDFD),
100: Color(0xFFD0D1FB),
200: Color(0xFFB1B3F8),
300: Color(0xFF9294F5),
400: Color(0xFF7A7DF3),
500: Color(_primaryColor),
600: Color(0xFF5B5EEF),
700: Color(0xFF5153ED),
800: Color(0xFF4749EB),
900: Color(0xFF3538E7),
});
static const int _textColor = 0xFF6B7280;
static const MaterialColor textSwatch =
MaterialColor(_textColor, <int, Color>{
50: Color(0xFFF9FAFB),
100: Color(0xFFF3F4F6),
200: Color(0xFFE5E7EB),
300: Color(0xFFD1D5DB),
400: Color(0xFF9CA3AF),
500: Color(_textColor),
600: Color(0xFF4B5563),
700: Color(0xFF374151),
800: Color(0xFF1F2937),
900: Color(0xFF111827),
});
static final lightTheme = ThemeData(
primarySwatch: primarySwatch,
brightness: Brightness.light,
scaffoldBackgroundColor: textSwatch.shade100,
backgroundColor: textSwatch.shade100,
cardColor: Colors.white,
bottomAppBarColor: Colors.white,
dividerColor: const Color(0x1C000000),
textTheme: TextTheme(
headline1: TextStyle(
color: textSwatch.shade700,
fontWeight: FontWeight.w300,
),
headline2: TextStyle(
color: textSwatch.shade600,
),
headline3: TextStyle(
color: textSwatch.shade700,
),
headline4: TextStyle(
color: textSwatch.shade700,
),
headline5: TextStyle(
color: textSwatch.shade600,
),
headline6: TextStyle(
color: textSwatch.shade700,
),
subtitle1: TextStyle(
color: textSwatch.shade700,
),
subtitle2: TextStyle(
color: textSwatch.shade600,
),
bodyText1: TextStyle(
color: textSwatch.shade700,
),
bodyText2: TextStyle(
color: textSwatch.shade500,
),
button: TextStyle(
color: textSwatch.shade500,
),
caption: TextStyle(
color: textSwatch.shade500,
),
overline: TextStyle(
color: textSwatch.shade500,
),
),
);
static final darkTheme = lightTheme.copyWith(
brightness: Brightness.dark,
scaffoldBackgroundColor: const Color(0xFF24242a),
backgroundColor: const Color(0xFF24242a),
cardColor: const Color(0xFF2f2f34),
bottomAppBarColor: const Color(0xFF35353a),
dividerColor: const Color(0x1CFFFFFF),
textTheme: TextTheme(
headline1: TextStyle(
color: textSwatch.shade200,
fontWeight: FontWeight.w300,
),
headline2: TextStyle(
color: textSwatch.shade300,
),
headline3: TextStyle(
color: textSwatch.shade200,
),
headline4: TextStyle(
color: textSwatch.shade200,
),
headline5: TextStyle(
color: textSwatch.shade300,
),
headline6: TextStyle(
color: textSwatch.shade200,
),
subtitle1: TextStyle(
color: textSwatch.shade200,
),
subtitle2: TextStyle(
color: textSwatch.shade300,
),
bodyText1: TextStyle(
color: textSwatch.shade300,
),
bodyText2: TextStyle(
color: textSwatch.shade200,
),
button: TextStyle(
color: textSwatch.shade400,
),
caption: TextStyle(
color: textSwatch.shade400,
),
overline: TextStyle(
color: textSwatch.shade400,
),
),
);
}
lib/cubit/bottom_nav_cubit.dart 0 → 100644
+ 11
− 0
View file @ 36a7e6d4
import 'package:bloc/bloc.dart';
class BottomNavCubit extends Cubit<int> {
BottomNavCubit() : super(0);
void updateIndex(int index) => emit(index);
void getFirstScreen() => emit(0);
void getSecondScreen() => emit(1);
}
lib/cubit/theme_cubit.dart 0 → 100644
+ 27
− 0
View file @ 36a7e6d4
import 'package:equatable/equatable.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_production_boilerplate/config/theme.dart';
import 'package:hydrated_bloc/hydrated_bloc.dart';
part 'theme_state.dart';
class ThemeCubit extends HydratedCubit<ThemeState> {
ThemeCubit() : super(ThemeState(AppThemes.lightTheme));
void getTheme(ThemeState state) {
emit(state);
}
@override
ThemeState? fromJson(Map<String, dynamic> json) {
return json['isDark'] as bool
? ThemeState(AppThemes.darkTheme)
: ThemeState(AppThemes.lightTheme);
}
@override
Map<String, dynamic>? toJson(ThemeState state) {
return {'isDark': state.themeData.brightness == Brightness.dark};
}
}
lib/cubit/theme_state.dart 0 → 100644
+ 11
− 0
View file @ 36a7e6d4
part of 'theme_cubit.dart';
@immutable
class ThemeState extends Equatable {
final ThemeData themeData;
const ThemeState(this.themeData);
@override
List<Object?> get props => [themeData];
}
lib/data/models/.gitkeep 0 → 100644
+ 0
− 0
View file @ 36a7e6d4
lib/data/repository/.gitkeep 0 → 100644
+ 0
− 0
View file @ 36a7e6d4
lib/main.dart 0 → 100644
+ 59
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_displaymode/flutter_displaymode.dart';
import 'package:flutter_production_boilerplate/cubit/theme_cubit.dart';
import 'package:flutter_production_boilerplate/ui/screens/skeleton_screen.dart';
import 'package:hive/hive.dart';
import 'package:hydrated_bloc/hydrated_bloc.dart';
import 'package:path_provider/path_provider.dart';
/// Try using const constructors as much as possible!
void main() async {
/// Initialize packages
WidgetsFlutterBinding.ensureInitialized();
await EasyLocalization.ensureInitialized();
await FlutterDisplayMode.setHighRefreshRate();
final tmpDir = await getTemporaryDirectory();
Hive.init(tmpDir.toString());
HydratedBloc.storage = await HydratedStorage.build(
storageDirectory: tmpDir,
);
runApp(
EasyLocalization(
path: 'assets/translations',
supportedLocales: [
const Locale('en'),
const Locale('de'),
],
fallbackLocale: const Locale('en'),
useFallbackTranslations: true,
child: MyApp(),
),
);
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocProvider<ThemeCubit>(
create: (context) => ThemeCubit(),
child: BlocBuilder<ThemeCubit, ThemeState>(
builder: (context, state) {
return MaterialApp(
/// Localization is not available for the title.
title: 'Flutter Production Boilerplate',
theme: state.themeData,
home: SkeletonScreen(),
debugShowCheckedModeBanner: false,
localizationsDelegates: context.localizationDelegates,
supportedLocales: context.supportedLocales,
locale: context.locale,
);
},
),
);
}
}
lib/ui/screens/first_screen.dart 0 → 100644
+ 145
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_production_boilerplate/config/theme.dart';
import 'package:flutter_production_boilerplate/cubit/theme_cubit.dart';
import 'package:flutter_production_boilerplate/ui/widgets/header.dart';
import 'package:flutter_production_boilerplate/ui/widgets/first_screen/info_card.dart';
import 'package:ionicons/ionicons.dart';
class FirstScreen extends StatelessWidget {
const FirstScreen();
@override
Widget build(BuildContext context) {
return Material(
color: Theme.of(context).backgroundColor,
child: ListView(
padding: const EdgeInsets.symmetric(horizontal: 16),
physics: const BouncingScrollPhysics(),
children: [
const Header(text: 'app_name'),
Card(
elevation: 2,
color: Theme.of(context).cardColor,
/// Example: Getting border radius circular as const
/// Nested Widgets do not need to be declared as const.
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: SwitchListTile(
onChanged: (bool newValue) {
/// Example: Change theme with Cubit
BlocProvider.of<ThemeCubit>(context).getTheme(ThemeState(
newValue ? AppThemes.darkTheme : AppThemes.lightTheme));
},
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
value: Theme.of(context).brightness == Brightness.dark,
title: Row(
children: [
/// Examle: Ionicons
/// Available icons -> https://ionic.io/ionicons
Icon(Ionicons.moon_outline,
color: Theme.of(context).primaryColor),
const SizedBox(width: 16),
Text(
/// Example: Use the easy_translations package
tr('dark_mode_title'),
style: Theme.of(context)
.textTheme
.subtitle1!
.apply(fontWeightDelta: 2),
),
],
),
),
),
/// Example: Good way to add space between items
const SizedBox(height: 8),
Card(
elevation: 2,
/// Example: Many items have their own colors inside of the ThemData
/// You can overwrite them in [config/theme.dart].
color: Theme.of(context).cardColor,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: SwitchListTile(
onChanged: (bool newValue) {
/// Example: Change locale
/// The initial locale is automatically determined by the library.
/// Changing the locale like this will persist the selected locale.
context.setLocale(
newValue ? const Locale('de') : const Locale('en'));
},
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
value: context.locale == const Locale('de'),
title: Row(
children: [
Icon(Ionicons.text_outline,
color: Theme.of(context).primaryColor),
const SizedBox(width: 16),
Text(
tr('language_switch_title'),
style: Theme.of(context)
.textTheme
.subtitle1!
.apply(fontWeightDelta: 2),
),
],
),
),
),
const SizedBox(height: 8),
GridView.count(
physics: const NeverScrollableScrollPhysics(),
shrinkWrap: true,
crossAxisCount: 2,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
childAspectRatio: 4 / 5,
children: [
/// Example: it is good practice to put widgets in separate files.
/// This way the screen files won't become too large and
/// the code becomes more clear.
const InfoCard(
title: 'localization_title',
content: 'localization_content',
icon: Ionicons.text_outline,
isPrimaryColor: true),
const InfoCard(
title: 'linting_title',
content: 'linting_content',
icon: Ionicons.options_outline,
isPrimaryColor: false),
const InfoCard(
title: 'storage_title',
content: 'storage_content',
icon: Ionicons.folder_outline,
isPrimaryColor: false),
const InfoCard(
title: 'dark_mode_title',
content: 'dark_mode_content',
icon: Ionicons.moon_outline,
isPrimaryColor: true),
const InfoCard(
title: 'state_title',
content: 'state_content',
icon: Ionicons.notifications_outline,
isPrimaryColor: true),
const InfoCard(
title: 'display_title',
content: 'display_content',
icon: Ionicons.speedometer_outline,
isPrimaryColor: false),
],
),
const SizedBox(height: 36),
]),
);
}
}
lib/ui/screens/second_screen.dart 0 → 100644
+ 127
− 0
View file @ 36a7e6d4
import 'package:flutter/material.dart';
import 'package:flutter_production_boilerplate/ui/widgets/header.dart';
import 'package:flutter_production_boilerplate/ui/widgets/second_screen/grid_item.dart';
import 'package:flutter_production_boilerplate/ui/widgets/second_screen/link_card.dart';
import 'package:flutter_production_boilerplate/ui/widgets/second_screen/text_divider.dart';
import 'package:ionicons/ionicons.dart';
class SecondScreen extends StatelessWidget {
const SecondScreen();
@override
Widget build(BuildContext context) {
return Material(
color: Theme.of(context).backgroundColor,
child: ListView(
padding: const EdgeInsets.symmetric(horizontal: 16),
physics: const BouncingScrollPhysics(),
children: [
const Header(text: 'bottom_nav_second'),
const LinkCard(
title: 'github_card_title',
icon: Ionicons.logo_github,
url:
'https://github.com/anfeichtinger/flutter_production_boilerplate'),
const TextDivider(text: 'author_divider_title'),
const LinkCard(
title: 'website_card_title',
icon: Ionicons.person_circle_outline,
url: 'https://feichtinger.dev'),
const SizedBox(height: 8),
GridView.count(
physics: const NeverScrollableScrollPhysics(),
crossAxisCount: 2,
childAspectRatio: 2 / 1,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
shrinkWrap: true,
children: [
const GridItem(
title: 'instagram_card_title',
icon: Ionicons.logo_instagram,
url: 'https://www.instagram.com/anfeichtinger',
),
const GridItem(
title: 'twitter_card_title',
icon: Ionicons.logo_twitter,
url: 'https://twitter.com/_pharrax',
),
const GridItem(
title: 'donate_card_title',
icon: Ionicons.heart_outline,
url:
'https://www.paypal.com/donate?hosted_button_id=EE3W7PS6AHEP8&source=url',
),
],
),
const TextDivider(text: 'packages_divider_title'),
GridView.count(
physics: const NeverScrollableScrollPhysics(),
crossAxisCount: 2,
childAspectRatio: 2 / 1,
crossAxisSpacing: 8,
mainAxisSpacing: 8,
shrinkWrap: true,
children: [
const GridItem(
title: 'flutter_bloc',
icon: Ionicons.apps_outline,
url: 'https://pub.dev/packages/flutter_bloc',
),
const GridItem(
title: 'bloc',
icon: Ionicons.grid_outline,
url: 'https://pub.dev/packages/bloc',
),
const GridItem(
title: 'hydrated_bloc',
icon: Ionicons.folder_open_outline,
url: 'https://pub.dev/packages/hydrated_bloc',
),
const GridItem(
title: 'equatable',
icon: Ionicons.git_compare_outline,
url: 'https://pub.dev/packages/equatable',
),
const GridItem(
title: 'pedantic',
icon: Ionicons.options_outline,
url: 'https://pub.dev/packages/pedantic',
),
const GridItem(
title: 'path_provider',
icon: Ionicons.extension_puzzle_outline,
url: 'https://pub.dev/packages/path_provider',
),
const GridItem(
title: 'flutter_displaymode',
icon: Ionicons.speedometer_outline,
url: 'https://pub.dev/packages/flutter_displaymode',
),
const GridItem(
title: 'easy_localization',
icon: Ionicons.text_outline,
url: 'https://pub.dev/packages/easy_localization',
),
const GridItem(
title: 'hive',
icon: Ionicons.folder_outline,
url: 'https://pub.dev/packages/hive',
),
const GridItem(
title: 'url_launcher',
icon: Ionicons.share_outline,
url: 'https://pub.dev/packages/url_launcher',
),
const GridItem(
title: 'ionicons',
icon: Ionicons.logo_ionic,
url: 'https://pub.dev/packages/ionicons',
),
],
),
const SizedBox(height: 36),
]),
);
}
}
lib/ui/screens/skeleton_screen.dart 0 → 100644
+ 37
− 0
View file @ 36a7e6d4
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_production_boilerplate/cubit/bottom_nav_cubit.dart';
import 'package:flutter_production_boilerplate/ui/screens/first_screen.dart';
import 'package:flutter_production_boilerplate/ui/screens/second_screen.dart';
import 'package:flutter_production_boilerplate/ui/widgets/app_bar_gone.dart';
import 'package:flutter_production_boilerplate/ui/widgets/bottom_nav_bar.dart';
class SkeletonScreen extends StatelessWidget {
final _pageNavigation = [
const FirstScreen(),
const SecondScreen(),
];
@override
Widget build(BuildContext context) {
return BlocProvider<BottomNavCubit>(
create: (context) => BottomNavCubit(),
child: BlocBuilder<BottomNavCubit, int>(
builder: (BuildContext context, int state) {
return Scaffold(
appBar: const AppBarGone(),
/// When switching between tabs this will fade the old
/// layout out and the new layout in.
body: AnimatedSwitcher(
duration: const Duration(milliseconds: 300),
child: _pageNavigation.elementAt(state)),
/// Cannot be const, tab status will not update.
bottomNavigationBar: BottomNavBar(),
);
},
),
);
}
}
lib/ui/widgets/app_bar_gone.dart 0 → 100644
+ 29
− 0
View file @ 36a7e6d4
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
class AppBarGone extends StatelessWidget implements PreferredSizeWidget {
const AppBarGone();
@override
Widget build(BuildContext context) {
final brightness = Theme.of(context).brightness;
/// This is a reliable way to change the statusbar icons and color
return AppBar(
backwardsCompatibility: false,
systemOverlayStyle: SystemUiOverlayStyle(
statusBarColor: Colors.transparent,
statusBarIconBrightness: brightness == Brightness.dark
? Brightness.light
: Brightness.dark),
brightness: brightness,
backgroundColor: Colors.transparent,
elevation: 0,
bottomOpacity: 0,
toolbarOpacity: 0,
);
}
@override
Size get preferredSize => const Size.fromHeight(0);
}
lib/ui/widgets/bottom_nav_bar.dart 0 → 100644
+ 43
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_production_boilerplate/cubit/bottom_nav_cubit.dart';
import 'package:ionicons/ionicons.dart';
class BottomNavBar extends StatelessWidget {
BottomNavBar();
@override
Widget build(BuildContext context) {
return Card(
margin: const EdgeInsets.only(top: 2, right: 8, left: 8),
elevation: 4,
color: Theme.of(context).bottomAppBarColor,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
),
),
child: BottomNavigationBar(
currentIndex: context.read<BottomNavCubit>().state,
onTap: (index) => context.read<BottomNavCubit>().updateIndex(index),
type: BottomNavigationBarType.fixed,
elevation: 0,
backgroundColor: Colors.transparent,
selectedItemColor: Theme.of(context).primaryColor,
unselectedItemColor: Theme.of(context).textTheme.bodyText1!.color,
items: [
BottomNavigationBarItem(
icon: const Icon(Ionicons.home_outline),
label: tr('bottom_nav_first'),
),
BottomNavigationBarItem(
icon: const Icon(Ionicons.information_circle_outline),
label: tr('bottom_nav_second'),
),
],
),
);
}
}
lib/ui/widgets/first_screen/info_card.dart 0 → 100644
+ 55
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
class InfoCard extends StatelessWidget {
final String title;
final String content;
final IconData icon;
final bool isPrimaryColor;
const InfoCard(
{required this.title,
required this.content,
required this.icon,
required this.isPrimaryColor});
@override
Widget build(BuildContext context) {
final textTheme = isPrimaryColor
? Theme.of(context).primaryTextTheme
: Theme.of(context).textTheme;
return Card(
elevation: 2,
color: isPrimaryColor
? Theme.of(context).primaryColor
: Theme.of(context).cardColor,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: Padding(
padding: const EdgeInsets.all(12.0),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
tr(title),
style: textTheme.headline6!.apply(fontFamily: 'Poppins'),
),
const SizedBox(height: 10),
Text(
tr(content),
style: textTheme.subtitle2,
),
const Spacer(),
Icon(
icon,
size: 32,
color: textTheme.subtitle2!.color,
),
],
),
),
);
}
}
lib/ui/widgets/header.dart 0 → 100644
+ 21
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
class Header extends StatelessWidget {
final text;
const Header({Key? key, this.text}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 2.0, vertical: 36),
child: Text(
tr(text),
textAlign: TextAlign.start,
style:
Theme.of(context).textTheme.headline4!.apply(fontFamily: 'Poppins'),
),
);
}
}
lib/ui/widgets/second_screen/grid_item.dart 0 → 100644
+ 47
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
class GridItem extends StatelessWidget {
final String title;
final IconData icon;
final String url;
/// Named parameters are preferred, they make the code easier to understand.
const GridItem({required this.title, required this.icon, required this.url});
@override
Widget build(BuildContext context) {
return Card(
elevation: 2,
color: Theme.of(context).cardColor,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: ListTile(
onTap: _launchUrl,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
title: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Icon(icon, color: Theme.of(context).primaryColor),
Text(
tr(title),
textAlign: TextAlign.center,
style: Theme.of(context)
.textTheme
.subtitle1!
.apply(fontWeightDelta: 2),
),
const SizedBox()
],
),
),
);
}
/// Example: Use the url_launcher package to open the browser
void _launchUrl() async =>
await canLaunch(url) ? await launch(url) : throw 'Could not launch $url';
}
lib/ui/widgets/second_screen/link_card.dart 0 → 100644
+ 47
− 0
View file @ 36a7e6d4
import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:ionicons/ionicons.dart';
import 'package:url_launcher/url_launcher.dart';
class LinkCard extends StatelessWidget {
final String title;
final IconData icon;
final String url;
const LinkCard({required this.title, required this.icon, required this.url});
@override
Widget build(BuildContext context) {
return Card(
elevation: 2,
color: Theme.of(context).cardColor,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: ListTile(
onTap: _launchUrl,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(8))),
trailing: Icon(Ionicons.open_outline,
color: Theme.of(context).textTheme.subtitle2!.color),
title: Row(
children: [
Icon(icon, color: Theme.of(context).primaryColor),
const SizedBox(width: 16),
Text(
tr(title),
style: Theme.of(context)
.textTheme
.subtitle1!
.apply(fontWeightDelta: 2),
),
],
),
),
);
}
/// Example: Use the url_launcher package to open the browser
void _launchUrl() async =>
await canLaunch(url) ? await launch(url) : throw 'Could not launch $url';
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment