Khoren Markosyan
3 years ago
26 changed files with 1701 additions and 25 deletions
@ -0,0 +1,62 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:mobx/mobx.dart'; |
||||||
|
import 'package:nb_utils/nb_utils.dart'; |
||||||
|
|
||||||
|
part 'app_store.g.dart'; |
||||||
|
|
||||||
|
AppStore appStore = AppStore(); |
||||||
|
|
||||||
|
class AppStore = AppStoreBase with _$AppStore; |
||||||
|
|
||||||
|
const themeModePref = 'themeModePref'; |
||||||
|
const colorSchemeIndexPref = 'colorSchemeIndexPref'; |
||||||
|
const isSoundOnPref = 'isSoundOnPref'; |
||||||
|
const isVibrationOnPref = 'isVibrationOnPref'; |
||||||
|
const languagePref = 'languagePref'; |
||||||
|
|
||||||
|
abstract class AppStoreBase with Store { |
||||||
|
@observable |
||||||
|
ThemeMode themeMode = ThemeMode.system; |
||||||
|
|
||||||
|
@observable |
||||||
|
int colorSchemeIndex = 4; |
||||||
|
|
||||||
|
@observable |
||||||
|
bool isSoundOn = true; |
||||||
|
|
||||||
|
@observable |
||||||
|
bool isVibrationOn = true; |
||||||
|
|
||||||
|
@observable |
||||||
|
String selectedLanguage = 'en_US'; |
||||||
|
|
||||||
|
@action |
||||||
|
Future<void> setThemeMode(ThemeMode value) async { |
||||||
|
themeMode = value; |
||||||
|
setValue(themeModePref, themeMode.toString()); |
||||||
|
} |
||||||
|
|
||||||
|
@action |
||||||
|
Future<void> setColorSchemeIndex(int value) async { |
||||||
|
colorSchemeIndex = value; |
||||||
|
await setValue(colorSchemeIndexPref, colorSchemeIndex); |
||||||
|
} |
||||||
|
|
||||||
|
@action |
||||||
|
Future<void> toggleSoundMode({bool? value}) async { |
||||||
|
isSoundOn = value ?? !isSoundOn; |
||||||
|
setValue(isSoundOnPref, isSoundOn); |
||||||
|
} |
||||||
|
|
||||||
|
@action |
||||||
|
Future<void> toggleVibrationMode({bool? value}) async { |
||||||
|
isVibrationOn = value ?? !isVibrationOn; |
||||||
|
setValue(isVibrationOnPref, isVibrationOn); |
||||||
|
} |
||||||
|
|
||||||
|
@action |
||||||
|
Future<void> setLanguage(String aLanguage) async { |
||||||
|
selectedLanguage = aLanguage; |
||||||
|
await setValue(languagePref, aLanguage); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,138 @@ |
|||||||
|
// GENERATED CODE - DO NOT MODIFY BY HAND |
||||||
|
|
||||||
|
part of 'app_store.dart'; |
||||||
|
|
||||||
|
// ************************************************************************** |
||||||
|
// StoreGenerator |
||||||
|
// ************************************************************************** |
||||||
|
|
||||||
|
// ignore_for_file: non_constant_identifier_names, unnecessary_brace_in_string_interps, unnecessary_lambdas, prefer_expression_function_bodies, lines_longer_than_80_chars, avoid_as, avoid_annotating_with_dynamic |
||||||
|
|
||||||
|
mixin _$AppStore on AppStoreBase, Store { |
||||||
|
final _$themeModeAtom = Atom(name: 'AppStoreBase.themeMode'); |
||||||
|
|
||||||
|
@override |
||||||
|
ThemeMode get themeMode { |
||||||
|
_$themeModeAtom.reportRead(); |
||||||
|
return super.themeMode; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
set themeMode(ThemeMode value) { |
||||||
|
_$themeModeAtom.reportWrite(value, super.themeMode, () { |
||||||
|
super.themeMode = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
final _$colorSchemeIndexAtom = Atom(name: 'AppStoreBase.colorSchemeIndex'); |
||||||
|
|
||||||
|
@override |
||||||
|
int get colorSchemeIndex { |
||||||
|
_$colorSchemeIndexAtom.reportRead(); |
||||||
|
return super.colorSchemeIndex; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
set colorSchemeIndex(int value) { |
||||||
|
_$colorSchemeIndexAtom.reportWrite(value, super.colorSchemeIndex, () { |
||||||
|
super.colorSchemeIndex = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
final _$isSoundOnAtom = Atom(name: 'AppStoreBase.isSoundOn'); |
||||||
|
|
||||||
|
@override |
||||||
|
bool get isSoundOn { |
||||||
|
_$isSoundOnAtom.reportRead(); |
||||||
|
return super.isSoundOn; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
set isSoundOn(bool value) { |
||||||
|
_$isSoundOnAtom.reportWrite(value, super.isSoundOn, () { |
||||||
|
super.isSoundOn = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
final _$isVibrationOnAtom = Atom(name: 'AppStoreBase.isVibrationOn'); |
||||||
|
|
||||||
|
@override |
||||||
|
bool get isVibrationOn { |
||||||
|
_$isVibrationOnAtom.reportRead(); |
||||||
|
return super.isVibrationOn; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
set isVibrationOn(bool value) { |
||||||
|
_$isVibrationOnAtom.reportWrite(value, super.isVibrationOn, () { |
||||||
|
super.isVibrationOn = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
final _$selectedLanguageAtom = Atom(name: 'AppStoreBase.selectedLanguage'); |
||||||
|
|
||||||
|
@override |
||||||
|
String get selectedLanguage { |
||||||
|
_$selectedLanguageAtom.reportRead(); |
||||||
|
return super.selectedLanguage; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
set selectedLanguage(String value) { |
||||||
|
_$selectedLanguageAtom.reportWrite(value, super.selectedLanguage, () { |
||||||
|
super.selectedLanguage = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
final _$setThemeModeAsyncAction = AsyncAction('AppStoreBase.setThemeMode'); |
||||||
|
|
||||||
|
@override |
||||||
|
Future<void> setThemeMode(ThemeMode value) { |
||||||
|
return _$setThemeModeAsyncAction.run(() => super.setThemeMode(value)); |
||||||
|
} |
||||||
|
|
||||||
|
final _$setColorSchemeIndexAsyncAction = |
||||||
|
AsyncAction('AppStoreBase.setColorSchemeIndex'); |
||||||
|
|
||||||
|
@override |
||||||
|
Future<void> setColorSchemeIndex(int value) { |
||||||
|
return _$setColorSchemeIndexAsyncAction |
||||||
|
.run(() => super.setColorSchemeIndex(value)); |
||||||
|
} |
||||||
|
|
||||||
|
final _$toggleSoundModeAsyncAction = |
||||||
|
AsyncAction('AppStoreBase.toggleSoundMode'); |
||||||
|
|
||||||
|
@override |
||||||
|
Future<void> toggleSoundMode({bool? value}) { |
||||||
|
return _$toggleSoundModeAsyncAction |
||||||
|
.run(() => super.toggleSoundMode(value: value)); |
||||||
|
} |
||||||
|
|
||||||
|
final _$toggleVibrationModeAsyncAction = |
||||||
|
AsyncAction('AppStoreBase.toggleVibrationMode'); |
||||||
|
|
||||||
|
@override |
||||||
|
Future<void> toggleVibrationMode({bool? value}) { |
||||||
|
return _$toggleVibrationModeAsyncAction |
||||||
|
.run(() => super.toggleVibrationMode(value: value)); |
||||||
|
} |
||||||
|
|
||||||
|
final _$setLanguageAsyncAction = AsyncAction('AppStoreBase.setLanguage'); |
||||||
|
|
||||||
|
@override |
||||||
|
Future<void> setLanguage(String aLanguage) { |
||||||
|
return _$setLanguageAsyncAction.run(() => super.setLanguage(aLanguage)); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
String toString() { |
||||||
|
return ''' |
||||||
|
themeMode: ${themeMode}, |
||||||
|
colorSchemeIndex: ${colorSchemeIndex}, |
||||||
|
isSoundOn: ${isSoundOn}, |
||||||
|
isVibrationOn: ${isVibrationOn}, |
||||||
|
selectedLanguage: ${selectedLanguage} |
||||||
|
'''; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,22 @@ |
|||||||
|
import 'package:flex_color_scheme/flex_color_scheme.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
|
||||||
|
import 'app_store.dart'; |
||||||
|
|
||||||
|
class AppTheme { |
||||||
|
AppTheme._(); |
||||||
|
|
||||||
|
static ThemeData flexLightTheme() => FlexThemeData.light( |
||||||
|
colors: FlexColor.schemesList[appStore.colorSchemeIndex].light, |
||||||
|
tabBarStyle: FlexTabBarStyle.forAppBar, |
||||||
|
surfaceMode: FlexSurfaceMode.highScaffoldLevelSurface, |
||||||
|
blendLevel: 12, |
||||||
|
); |
||||||
|
|
||||||
|
static ThemeData flexDarkTheme() => FlexThemeData.dark( |
||||||
|
colors: FlexColor.schemesList[appStore.colorSchemeIndex].dark, |
||||||
|
tabBarStyle: FlexTabBarStyle.forAppBar, |
||||||
|
surfaceMode: FlexSurfaceMode.highScaffoldLevelSurface, |
||||||
|
blendLevel: 6, |
||||||
|
); |
||||||
|
} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
const String appName = 'ZxScanner'; |
||||||
|
|
||||||
|
/// space between widgets |
||||||
|
const spaceSmall = 2.0; |
||||||
|
const spaceSmall2 = 4.0; |
||||||
|
const spaceMedium = 8.0; |
||||||
|
const spaceDefault = 16.0; |
||||||
|
const spaceLarge = 24.0; |
||||||
|
const spaceLarge2 = 32.0; |
||||||
|
const spaceLarge3 = 40.0; |
||||||
|
const spaceLarge4 = 96.0; |
||||||
|
|
||||||
|
const spaceMaxWidth = 736.0; |
||||||
@ -0,0 +1,62 @@ |
|||||||
|
// DO NOT EDIT. This is code generated via package:intl/generate_localized.dart |
||||||
|
// This is a library that looks up messages for specific locales by |
||||||
|
// delegating to the appropriate library. |
||||||
|
|
||||||
|
// Ignore issues from commonly used lints in this file. |
||||||
|
// ignore_for_file:implementation_imports, file_names, unnecessary_new |
||||||
|
// ignore_for_file:unnecessary_brace_in_string_interps, directives_ordering |
||||||
|
// ignore_for_file:argument_type_not_assignable, invalid_assignment |
||||||
|
// ignore_for_file:prefer_single_quotes, prefer_generic_function_type_aliases |
||||||
|
// ignore_for_file:comment_references |
||||||
|
|
||||||
|
import 'dart:async'; |
||||||
|
|
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'package:intl/message_lookup_by_library.dart'; |
||||||
|
import 'package:intl/src/intl_helpers.dart'; |
||||||
|
|
||||||
|
import 'messages_en_US.dart' as messages_en_us; |
||||||
|
|
||||||
|
typedef Future<dynamic> LibraryLoader(); |
||||||
|
Map<String, LibraryLoader> _deferredLibraries = { |
||||||
|
'en_US': () => new Future.value(null), |
||||||
|
}; |
||||||
|
|
||||||
|
MessageLookupByLibrary? _findExact(String localeName) { |
||||||
|
switch (localeName) { |
||||||
|
case 'en_US': |
||||||
|
return messages_en_us.messages; |
||||||
|
default: |
||||||
|
return null; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/// User programs should call this before using [localeName] for messages. |
||||||
|
Future<bool> initializeMessages(String localeName) async { |
||||||
|
var availableLocale = Intl.verifiedLocale( |
||||||
|
localeName, (locale) => _deferredLibraries[locale] != null, |
||||||
|
onFailure: (_) => null); |
||||||
|
if (availableLocale == null) { |
||||||
|
return new Future.value(false); |
||||||
|
} |
||||||
|
var lib = _deferredLibraries[availableLocale]; |
||||||
|
await (lib == null ? new Future.value(false) : lib()); |
||||||
|
initializeInternalMessageLookup(() => new CompositeMessageLookup()); |
||||||
|
messageLookup.addLocale(availableLocale, _findGeneratedMessagesFor); |
||||||
|
return new Future.value(true); |
||||||
|
} |
||||||
|
|
||||||
|
bool _messagesExistFor(String locale) { |
||||||
|
try { |
||||||
|
return _findExact(locale) != null; |
||||||
|
} catch (e) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
MessageLookupByLibrary? _findGeneratedMessagesFor(String locale) { |
||||||
|
var actualLocale = |
||||||
|
Intl.verifiedLocale(locale, _messagesExistFor, onFailure: (_) => null); |
||||||
|
if (actualLocale == null) return null; |
||||||
|
return _findExact(actualLocale); |
||||||
|
} |
||||||
@ -0,0 +1,30 @@ |
|||||||
|
// DO NOT EDIT. This is code generated via package:intl/generate_localized.dart |
||||||
|
// This is a library that provides messages for a en_US locale. All the |
||||||
|
// messages from the main program should be duplicated here with the same |
||||||
|
// function name. |
||||||
|
|
||||||
|
// Ignore issues from commonly used lints in this file. |
||||||
|
// ignore_for_file:unnecessary_brace_in_string_interps, unnecessary_new |
||||||
|
// ignore_for_file:prefer_single_quotes,comment_references, directives_ordering |
||||||
|
// ignore_for_file:annotate_overrides,prefer_generic_function_type_aliases |
||||||
|
// ignore_for_file:unused_import, file_names, avoid_escaping_inner_quotes |
||||||
|
// ignore_for_file:unnecessary_string_interpolations, unnecessary_string_escapes |
||||||
|
|
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'package:intl/message_lookup_by_library.dart'; |
||||||
|
|
||||||
|
final messages = new MessageLookup(); |
||||||
|
|
||||||
|
typedef String MessageIfAbsent(String messageStr, List<dynamic> args); |
||||||
|
|
||||||
|
class MessageLookup extends MessageLookupByLibrary { |
||||||
|
String get localeName => 'en_US'; |
||||||
|
|
||||||
|
final messages = _notInlinedMessages(_notInlinedMessages); |
||||||
|
static Map<String, Function> _notInlinedMessages(_) => <String, Function>{ |
||||||
|
"settingsAppBarTitle": MessageLookupByLibrary.simpleMessage("Settings"), |
||||||
|
"settingsLanguageTitle": |
||||||
|
MessageLookupByLibrary.simpleMessage("Language"), |
||||||
|
"settingsThemeModeTitle": MessageLookupByLibrary.simpleMessage("Theme") |
||||||
|
}; |
||||||
|
} |
||||||
@ -0,0 +1,108 @@ |
|||||||
|
// GENERATED CODE - DO NOT MODIFY BY HAND |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:intl/intl.dart'; |
||||||
|
import 'intl/messages_all.dart'; |
||||||
|
|
||||||
|
// ************************************************************************** |
||||||
|
// Generator: Flutter Intl IDE plugin |
||||||
|
// Made by Localizely |
||||||
|
// ************************************************************************** |
||||||
|
|
||||||
|
// ignore_for_file: non_constant_identifier_names, lines_longer_than_80_chars |
||||||
|
// ignore_for_file: join_return_with_assignment, prefer_final_in_for_each |
||||||
|
// ignore_for_file: avoid_redundant_argument_values, avoid_escaping_inner_quotes |
||||||
|
|
||||||
|
class S { |
||||||
|
S(); |
||||||
|
|
||||||
|
static S? _current; |
||||||
|
|
||||||
|
static S get current { |
||||||
|
assert(_current != null, |
||||||
|
'No instance of S was loaded. Try to initialize the S delegate before accessing S.current.'); |
||||||
|
return _current!; |
||||||
|
} |
||||||
|
|
||||||
|
static const AppLocalizationDelegate delegate = AppLocalizationDelegate(); |
||||||
|
|
||||||
|
static Future<S> load(Locale locale) { |
||||||
|
final name = (locale.countryCode?.isEmpty ?? false) |
||||||
|
? locale.languageCode |
||||||
|
: locale.toString(); |
||||||
|
final localeName = Intl.canonicalizedLocale(name); |
||||||
|
return initializeMessages(localeName).then((_) { |
||||||
|
Intl.defaultLocale = localeName; |
||||||
|
final instance = S(); |
||||||
|
S._current = instance; |
||||||
|
|
||||||
|
return instance; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
static S of(BuildContext context) { |
||||||
|
final instance = S.maybeOf(context); |
||||||
|
assert(instance != null, |
||||||
|
'No instance of S present in the widget tree. Did you add S.delegate in localizationsDelegates?'); |
||||||
|
return instance!; |
||||||
|
} |
||||||
|
|
||||||
|
static S? maybeOf(BuildContext context) { |
||||||
|
return Localizations.of<S>(context, S); |
||||||
|
} |
||||||
|
|
||||||
|
/// `Settings` |
||||||
|
String get settingsAppBarTitle { |
||||||
|
return Intl.message( |
||||||
|
'Settings', |
||||||
|
name: 'settingsAppBarTitle', |
||||||
|
desc: '', |
||||||
|
args: [], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
/// `Theme` |
||||||
|
String get settingsThemeModeTitle { |
||||||
|
return Intl.message( |
||||||
|
'Theme', |
||||||
|
name: 'settingsThemeModeTitle', |
||||||
|
desc: '', |
||||||
|
args: [], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
/// `Language` |
||||||
|
String get settingsLanguageTitle { |
||||||
|
return Intl.message( |
||||||
|
'Language', |
||||||
|
name: 'settingsLanguageTitle', |
||||||
|
desc: '', |
||||||
|
args: [], |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class AppLocalizationDelegate extends LocalizationsDelegate<S> { |
||||||
|
const AppLocalizationDelegate(); |
||||||
|
|
||||||
|
List<Locale> get supportedLocales { |
||||||
|
return const <Locale>[ |
||||||
|
Locale.fromSubtags(languageCode: 'en', countryCode: 'US'), |
||||||
|
]; |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
bool isSupported(Locale locale) => _isSupported(locale); |
||||||
|
@override |
||||||
|
Future<S> load(Locale locale) => S.load(locale); |
||||||
|
@override |
||||||
|
bool shouldReload(AppLocalizationDelegate old) => false; |
||||||
|
|
||||||
|
bool _isSupported(Locale locale) { |
||||||
|
for (var supportedLocale in supportedLocales) { |
||||||
|
if (supportedLocale.languageCode == locale.languageCode) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
return false; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"@@locale": "en_US", |
||||||
|
"settingsAppBarTitle": "Settings", |
||||||
|
"settingsThemeModeTitle": "Theme", |
||||||
|
"settingsLanguageTitle": "Language" |
||||||
|
} |
||||||
@ -0,0 +1,200 @@ |
|||||||
|
import 'dart:io'; |
||||||
|
import 'dart:typed_data'; |
||||||
|
|
||||||
|
import 'package:camera/camera.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter/services.dart'; |
||||||
|
import 'package:flutter_zxing/flutter_zxing.dart'; |
||||||
|
import 'package:flutter_zxing/generated_bindings.dart'; |
||||||
|
import 'package:flutter_zxing/zxing_reader_widget.dart'; |
||||||
|
import 'package:flutter_zxing/zxing_writer_widget.dart'; |
||||||
|
import 'package:path_provider/path_provider.dart'; |
||||||
|
import 'package:share_plus/share_plus.dart'; |
||||||
|
|
||||||
|
late Directory tempDir; |
||||||
|
String get tempPath => '${tempDir.path}/zxing.jpg'; |
||||||
|
|
||||||
|
class CreatorPage extends StatefulWidget { |
||||||
|
const CreatorPage({ |
||||||
|
Key? key, |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<CreatorPage> createState() => _CreatorPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _CreatorPageState extends State<CreatorPage> |
||||||
|
with TickerProviderStateMixin { |
||||||
|
CameraController? controller; |
||||||
|
TabController? _tabController; |
||||||
|
|
||||||
|
bool isAndroid() => Theme.of(context).platform == TargetPlatform.android; |
||||||
|
|
||||||
|
// Scan result queue |
||||||
|
final _resultQueue = <CodeResult>[]; |
||||||
|
|
||||||
|
// Write result |
||||||
|
Uint8List? writeResult; |
||||||
|
|
||||||
|
// true when the camera is active |
||||||
|
bool _isScanning = true; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
initStateAsync(); |
||||||
|
} |
||||||
|
|
||||||
|
void initStateAsync() async { |
||||||
|
_tabController = TabController(length: 3, vsync: this); |
||||||
|
_tabController?.addListener(() { |
||||||
|
_isScanning = _tabController?.index == 0; |
||||||
|
if (_isScanning) { |
||||||
|
controller?.resumePreview(); |
||||||
|
} else { |
||||||
|
controller?.pausePreview(); |
||||||
|
} |
||||||
|
}); |
||||||
|
getTemporaryDirectory().then((value) { |
||||||
|
tempDir = value; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
super.dispose(); |
||||||
|
controller?.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
void showInSnackBar(String message) {} |
||||||
|
|
||||||
|
void logError(String code, String? message) { |
||||||
|
if (message != null) { |
||||||
|
debugPrint('Error: $code\nError Message: $message'); |
||||||
|
} else { |
||||||
|
debugPrint('Error: $code'); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: AppBar( |
||||||
|
title: const Text('Creator'), |
||||||
|
bottom: TabBar( |
||||||
|
controller: _tabController, |
||||||
|
tabs: const [ |
||||||
|
Tab(text: 'Scanner'), |
||||||
|
Tab(text: 'Result'), |
||||||
|
Tab(text: 'Writer'), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
body: TabBarView( |
||||||
|
controller: _tabController, |
||||||
|
children: [ |
||||||
|
// Scanner |
||||||
|
ZxingReaderWidget(onScan: (result) async { |
||||||
|
_resultQueue.insert(0, result); |
||||||
|
_tabController?.index = 1; |
||||||
|
await Future.delayed(const Duration(milliseconds: 500)); |
||||||
|
setState(() {}); |
||||||
|
}), |
||||||
|
// Result |
||||||
|
_buildResultList(), |
||||||
|
// Writer |
||||||
|
SingleChildScrollView( |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
ZxingWriterWidget( |
||||||
|
onSuccess: (result) { |
||||||
|
setState(() { |
||||||
|
writeResult = result; |
||||||
|
}); |
||||||
|
}, |
||||||
|
onError: (error) { |
||||||
|
setState(() { |
||||||
|
writeResult = null; |
||||||
|
}); |
||||||
|
ScaffoldMessenger.of(context).hideCurrentSnackBar(); |
||||||
|
ScaffoldMessenger.of(context).showSnackBar( |
||||||
|
SnackBar( |
||||||
|
content: Text( |
||||||
|
error, |
||||||
|
textAlign: TextAlign.center, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
if (writeResult != null) buildWriteResult(), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
Column buildWriteResult() { |
||||||
|
return Column( |
||||||
|
children: [ |
||||||
|
// Barcode image |
||||||
|
Image.memory(writeResult ?? Uint8List(0)), |
||||||
|
// Share button |
||||||
|
ElevatedButton( |
||||||
|
onPressed: () { |
||||||
|
// Save image to device |
||||||
|
final file = File(tempPath); |
||||||
|
file.writeAsBytesSync(writeResult ?? Uint8List(0)); |
||||||
|
final path = file.path; |
||||||
|
// Share image |
||||||
|
Share.shareFiles([path]); |
||||||
|
}, |
||||||
|
child: const Text('Share'), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
_buildResultList() { |
||||||
|
return _resultQueue.isEmpty |
||||||
|
? const Center( |
||||||
|
child: Text( |
||||||
|
'No Results', |
||||||
|
style: TextStyle(fontSize: 24), |
||||||
|
)) |
||||||
|
: ListView.builder( |
||||||
|
itemCount: _resultQueue.length, |
||||||
|
itemBuilder: (context, index) { |
||||||
|
final result = _resultQueue[index]; |
||||||
|
return ListTile( |
||||||
|
title: Text(result.textString), |
||||||
|
subtitle: Text(result.formatString), |
||||||
|
trailing: ButtonBar( |
||||||
|
mainAxisSize: MainAxisSize.min, |
||||||
|
children: [ |
||||||
|
// Copy button |
||||||
|
TextButton( |
||||||
|
child: const Text('Copy'), |
||||||
|
onPressed: () { |
||||||
|
Clipboard.setData( |
||||||
|
ClipboardData(text: result.textString)); |
||||||
|
}, |
||||||
|
), |
||||||
|
// Remove button |
||||||
|
IconButton( |
||||||
|
icon: const Icon(Icons.delete, color: Colors.red), |
||||||
|
onPressed: () { |
||||||
|
_resultQueue.removeAt(index); |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
}, |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,60 @@ |
|||||||
|
import 'package:convex_bottom_bar/convex_bottom_bar.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/creator_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/history_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/scanner_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/settings_page.dart'; |
||||||
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart'; |
||||||
|
|
||||||
|
class HomePage extends StatefulWidget { |
||||||
|
const HomePage({Key? key}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<HomePage> createState() => _HomePageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _HomePageState extends State<HomePage> { |
||||||
|
var selectedIndex = 2; |
||||||
|
|
||||||
|
final creatorPage = const CreatorPage(); |
||||||
|
final historyPage = const HistoryPage(); |
||||||
|
final scannerPage = const ScannerPage(); |
||||||
|
final notificationsPage = const ScannerPage(); |
||||||
|
final settingsPage = const SettingsPage(); |
||||||
|
|
||||||
|
dynamic pages() => [ |
||||||
|
creatorPage, |
||||||
|
historyPage, |
||||||
|
scannerPage, |
||||||
|
notificationsPage, |
||||||
|
settingsPage, |
||||||
|
]; |
||||||
|
|
||||||
|
dynamic tabItems() => [ |
||||||
|
const TabItem(icon: FontAwesomeIcons.barcode), |
||||||
|
const TabItem(icon: FontAwesomeIcons.clockRotateLeft), |
||||||
|
const TabItem(icon: Icons.qr_code_scanner), |
||||||
|
const TabItem(icon: FontAwesomeIcons.solidBell), |
||||||
|
const TabItem(icon: FontAwesomeIcons.gear), |
||||||
|
]; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
body: pages()[selectedIndex], |
||||||
|
bottomNavigationBar: ConvexAppBar( |
||||||
|
style: TabStyle.fixedCircle, |
||||||
|
backgroundColor: Theme.of(context).bottomAppBarColor, |
||||||
|
color: Theme.of(context).unselectedWidgetColor, |
||||||
|
activeColor: Theme.of(context).colorScheme.primary, |
||||||
|
items: tabItems(), |
||||||
|
initialActiveIndex: selectedIndex, |
||||||
|
onTap: (index) { |
||||||
|
setState(() { |
||||||
|
selectedIndex = index; |
||||||
|
}); |
||||||
|
}, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,70 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing/zxing_reader_widget.dart'; |
||||||
|
|
||||||
|
class ScannerPage extends StatefulWidget { |
||||||
|
const ScannerPage({ |
||||||
|
Key? key, |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<ScannerPage> createState() => _ScannerPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _ScannerPageState extends State<ScannerPage> |
||||||
|
with TickerProviderStateMixin { |
||||||
|
TabController? _tabController; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
|
||||||
|
initStateAsync(); |
||||||
|
} |
||||||
|
|
||||||
|
void initStateAsync() async { |
||||||
|
_tabController = TabController(length: 3, vsync: this); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
super.dispose(); |
||||||
|
_tabController?.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: AppBar( |
||||||
|
title: const Text('Scanner'), |
||||||
|
bottom: TabBar( |
||||||
|
controller: _tabController, |
||||||
|
tabs: const [ |
||||||
|
Tab(text: 'Single code'), |
||||||
|
Tab(text: 'Multi code'), |
||||||
|
Tab(text: 'Image'), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
body: TabBarView( |
||||||
|
controller: _tabController, |
||||||
|
children: [ |
||||||
|
// Single code scanner |
||||||
|
ZxingReaderWidget(onScan: (result) async { |
||||||
|
// _resultQueue.insert(0, result); |
||||||
|
// await Future.delayed(const Duration(milliseconds: 500)); |
||||||
|
// setState(() {}); |
||||||
|
}), |
||||||
|
// Multi code scanner |
||||||
|
Container(), |
||||||
|
// ZxingReaderWidget(onScan: (result) async { |
||||||
|
// // _resultQueue.insert(0, result); |
||||||
|
// // await Future.delayed(const Duration(milliseconds: 500)); |
||||||
|
// // setState(() {}); |
||||||
|
// }), |
||||||
|
// Image scanner |
||||||
|
Container(), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,65 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/configs/app_store.dart'; |
||||||
|
import 'package:flutter_zxing_example/configs/constants.dart'; |
||||||
|
import 'package:flutter_zxing_example/generated/l10n.dart'; |
||||||
|
import 'package:flutter_zxing_example/widgets/common_widgets.dart'; |
||||||
|
|
||||||
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart'; |
||||||
|
|
||||||
|
import '../widgets/setting_tile.dart'; |
||||||
|
import '../widgets/language_widget.dart'; |
||||||
|
import '../widgets/theme_mode_switch.dart'; |
||||||
|
import '../widgets/theme_selector.dart'; |
||||||
|
|
||||||
|
class SettingsPage extends StatefulWidget { |
||||||
|
const SettingsPage({Key? key}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
State<SettingsPage> createState() => _SettingsPageState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _SettingsPageState extends State<SettingsPage> { |
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Scaffold( |
||||||
|
appBar: AppBar( |
||||||
|
title: Text(S.current.settingsAppBarTitle), |
||||||
|
), |
||||||
|
body: SingleChildScrollView( |
||||||
|
child: ContainerX( |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
const SizedBox(height: spaceDefault), |
||||||
|
const Padding( |
||||||
|
padding: EdgeInsets.symmetric(horizontal: spaceDefault), |
||||||
|
child: ThemeSelector(), |
||||||
|
), |
||||||
|
SettingTile( |
||||||
|
context, |
||||||
|
leading: Icons.brightness_4, |
||||||
|
title: S.current.settingsThemeModeTitle, |
||||||
|
trailing: ThemeModeSwitch( |
||||||
|
themeMode: appStore.themeMode, |
||||||
|
onChanged: (mode) { |
||||||
|
appStore.setThemeMode(mode); |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
SettingTile( |
||||||
|
context, |
||||||
|
leading: FontAwesomeIcons.globe, |
||||||
|
title: S.current.settingsLanguageTitle, |
||||||
|
trailing: LanguageWidget( |
||||||
|
onChanged: (value) { |
||||||
|
setState(() {}); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
import 'dart:ui'; |
||||||
|
|
||||||
|
extension LocaleParsing on String { |
||||||
|
Locale parseLocale() { |
||||||
|
assert(contains('_') == true); |
||||||
|
var languageCode = split('_').first; |
||||||
|
var countryCode = split('_').last; |
||||||
|
return Locale.fromSubtags( |
||||||
|
languageCode: languageCode, countryCode: countryCode); |
||||||
|
} |
||||||
|
|
||||||
|
String toLangIcon() { |
||||||
|
assert(length == 2); |
||||||
|
switch (toLowerCase()) { |
||||||
|
case 'us': |
||||||
|
case 'en': |
||||||
|
return '🇺🇸'; |
||||||
|
case 'ru': |
||||||
|
return '🇷🇺'; |
||||||
|
case 'am': |
||||||
|
case 'hy': |
||||||
|
return '🇦🇲'; |
||||||
|
default: |
||||||
|
return '🇺🇸'; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
String toLangName() { |
||||||
|
assert(length == 2); |
||||||
|
switch (toLowerCase()) { |
||||||
|
case 'us': |
||||||
|
case 'en': |
||||||
|
return toLangIcon() + ' English'; |
||||||
|
case 'ru': |
||||||
|
return toLangIcon() + ' Русский'; |
||||||
|
case 'am': |
||||||
|
case 'hy': |
||||||
|
return toLangIcon() + ' Հայերեն'; |
||||||
|
default: |
||||||
|
return toLangIcon() + ' English'; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
String toLangCode() { |
||||||
|
assert(contains('_') == true); |
||||||
|
return split('_').first; |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,45 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/creator_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/history_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/home_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/scanner_page.dart'; |
||||||
|
import 'package:flutter_zxing_example/pages/settings_page.dart'; |
||||||
|
|
||||||
|
abstract class AppRoutes { |
||||||
|
static const creator = '/creator'; |
||||||
|
static const history = '/history'; |
||||||
|
static const home = '/'; |
||||||
|
static const scanner = '/scanner'; |
||||||
|
static const settings = '/settings'; |
||||||
|
} |
||||||
|
|
||||||
|
class AppRouter { |
||||||
|
Route onGenerateRoute(RouteSettings settings) { |
||||||
|
switch (settings.name) { |
||||||
|
case AppRoutes.creator: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => const CreatorPage(), |
||||||
|
); |
||||||
|
case AppRoutes.history: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => const HistoryPage(), |
||||||
|
); |
||||||
|
case AppRoutes.home: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => const HomePage(), |
||||||
|
); |
||||||
|
case AppRoutes.scanner: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => const ScannerPage(), |
||||||
|
); |
||||||
|
case AppRoutes.settings: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => const SettingsPage(), |
||||||
|
); |
||||||
|
default: |
||||||
|
return MaterialPageRoute( |
||||||
|
builder: (_) => Container(), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,10 @@ |
|||||||
|
import 'package:flutter/gestures.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
|
||||||
|
class MyCustomScrollBehavior extends MaterialScrollBehavior { |
||||||
|
@override |
||||||
|
Set<PointerDeviceKind> get dragDevices => { |
||||||
|
PointerDeviceKind.touch, |
||||||
|
PointerDeviceKind.mouse, |
||||||
|
}; |
||||||
|
} |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/configs/constants.dart'; |
||||||
|
|
||||||
|
class ContainerX extends StatelessWidget { |
||||||
|
const ContainerX({Key? key, this.child}) : super(key: key); |
||||||
|
|
||||||
|
final Widget? child; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Center( |
||||||
|
child: Container( |
||||||
|
constraints: const BoxConstraints(maxWidth: spaceMaxWidth), |
||||||
|
child: child, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,48 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/configs/app_store.dart'; |
||||||
|
import 'package:flutter_zxing_example/generated/l10n.dart'; |
||||||
|
import 'package:flutter_zxing_example/utils/extensions.dart'; |
||||||
|
|
||||||
|
class LanguageWidget extends StatelessWidget { |
||||||
|
const LanguageWidget({Key? key, required this.onChanged}) : super(key: key); |
||||||
|
|
||||||
|
final Function(Locale) onChanged; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return DropdownButton<Locale>( |
||||||
|
value: appStore.selectedLanguage.parseLocale(), |
||||||
|
isExpanded: false, |
||||||
|
isDense: false, |
||||||
|
underline: const SizedBox(), |
||||||
|
onChanged: (value) async { |
||||||
|
if (value != null) { |
||||||
|
await S.load(value); |
||||||
|
appStore.setLanguage(value.toString()); |
||||||
|
onChanged(value); |
||||||
|
} |
||||||
|
}, |
||||||
|
selectedItemBuilder: (context) { |
||||||
|
return S.delegate.supportedLocales |
||||||
|
.map((e) => DropdownMenuItem<Locale>( |
||||||
|
value: e, |
||||||
|
child: SizedBox( |
||||||
|
width: 80, |
||||||
|
child: Text( |
||||||
|
e.countryCode?.toLangIcon() ?? '', |
||||||
|
style: Theme.of(context).textTheme.headline5, |
||||||
|
textAlign: TextAlign.right, |
||||||
|
), |
||||||
|
), |
||||||
|
)) |
||||||
|
.toList(); |
||||||
|
}, |
||||||
|
items: S.delegate.supportedLocales |
||||||
|
.map((e) => DropdownMenuItem( |
||||||
|
value: e, |
||||||
|
child: Text(e.countryCode?.toLangName() ?? ''), |
||||||
|
)) |
||||||
|
.toList(), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,35 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
|
||||||
|
class SettingTile extends StatelessWidget { |
||||||
|
const SettingTile( |
||||||
|
this.context, { |
||||||
|
Key? key, |
||||||
|
this.leading, |
||||||
|
this.title, |
||||||
|
this.trailing, |
||||||
|
this.onTap, |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
final BuildContext context; |
||||||
|
final IconData? leading; |
||||||
|
final String? title; |
||||||
|
final Widget? trailing; |
||||||
|
final Function()? onTap; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return Card( |
||||||
|
child: ListTile( |
||||||
|
leading: leading != null |
||||||
|
? Icon( |
||||||
|
leading, |
||||||
|
color: Theme.of(context).colorScheme.secondary, |
||||||
|
) |
||||||
|
: null, |
||||||
|
title: Text(title ?? ''), |
||||||
|
trailing: trailing, |
||||||
|
onTap: onTap, |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,42 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
|
||||||
|
/// Widget using [ToggleButtons) that can be used to toggle the theme mode |
||||||
|
/// of an application. |
||||||
|
/// |
||||||
|
/// This is a simple Flutter "Universal" Widget that only depends on the SDK and |
||||||
|
/// can be dropped into any application. |
||||||
|
class ThemeModeSwitch extends StatelessWidget { |
||||||
|
const ThemeModeSwitch({ |
||||||
|
Key? key, |
||||||
|
required this.themeMode, |
||||||
|
required this.onChanged, |
||||||
|
}) : super(key: key); |
||||||
|
final ThemeMode themeMode; |
||||||
|
final ValueChanged<ThemeMode> onChanged; |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
final List<bool> isSelected = <bool>[ |
||||||
|
themeMode == ThemeMode.light, |
||||||
|
themeMode == ThemeMode.system, |
||||||
|
themeMode == ThemeMode.dark, |
||||||
|
]; |
||||||
|
return ToggleButtons( |
||||||
|
isSelected: isSelected, |
||||||
|
onPressed: (int newIndex) { |
||||||
|
if (newIndex == 0) { |
||||||
|
onChanged(ThemeMode.light); |
||||||
|
} else if (newIndex == 1) { |
||||||
|
onChanged(ThemeMode.system); |
||||||
|
} else { |
||||||
|
onChanged(ThemeMode.dark); |
||||||
|
} |
||||||
|
}, |
||||||
|
children: const <Widget>[ |
||||||
|
Icon(Icons.wb_sunny), |
||||||
|
Icon(Icons.phone_iphone), |
||||||
|
Icon(Icons.bedtime), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,106 @@ |
|||||||
|
import 'package:flex_color_scheme/flex_color_scheme.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_zxing_example/configs/app_store.dart'; |
||||||
|
|
||||||
|
// The width size of the scrolling button. |
||||||
|
const double _kWidthOfScrollItem = 71.6; |
||||||
|
|
||||||
|
// Horizontal theme selector of themes offered in our [AppColor.schemes]. |
||||||
|
// |
||||||
|
// This example uses a StatefulWidget for the scroll controller and |
||||||
|
// index to keep track of previously selected color scheme, so we can animate |
||||||
|
// to the new selection, also done when the themeController schemeIndex is |
||||||
|
// changed via other UI controls, like in the drop box that is also used in |
||||||
|
// this demo as another way to change the color scheme. |
||||||
|
// |
||||||
|
// The theme is controlled via the passed in ThemeController. |
||||||
|
class ThemeSelector extends StatefulWidget { |
||||||
|
const ThemeSelector({ |
||||||
|
Key? key, |
||||||
|
}) : super(key: key); |
||||||
|
|
||||||
|
@override |
||||||
|
_ThemeSelectorState createState() => _ThemeSelectorState(); |
||||||
|
} |
||||||
|
|
||||||
|
class _ThemeSelectorState extends State<ThemeSelector> { |
||||||
|
late ScrollController scrollController; |
||||||
|
late int schemeIndex; |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
schemeIndex = appStore.colorSchemeIndex; |
||||||
|
scrollController = ScrollController( |
||||||
|
keepScrollOffset: true, |
||||||
|
initialScrollOffset: _kWidthOfScrollItem * schemeIndex, |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
scrollController.dispose(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
void didChangeDependencies() { |
||||||
|
// Index got updated in popup and deps changed, animate it to new index. |
||||||
|
if (appStore.colorSchemeIndex != schemeIndex) { |
||||||
|
schemeIndex = appStore.colorSchemeIndex; |
||||||
|
scrollController.animateTo(_kWidthOfScrollItem * schemeIndex, |
||||||
|
duration: const Duration(milliseconds: 350), |
||||||
|
curve: Curves.easeOutCubic); |
||||||
|
} |
||||||
|
super.didChangeDependencies(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
final bool isLight = Theme.of(context).brightness == Brightness.light; |
||||||
|
return SizedBox( |
||||||
|
height: 76, |
||||||
|
child: Row( |
||||||
|
children: <Widget>[ |
||||||
|
Expanded( |
||||||
|
child: ListView.builder( |
||||||
|
controller: scrollController, |
||||||
|
physics: const ClampingScrollPhysics(), |
||||||
|
scrollDirection: Axis.horizontal, |
||||||
|
itemCount: FlexColor.schemesList.length, |
||||||
|
itemBuilder: (BuildContext context, int index) { |
||||||
|
return FlexThemeModeOptionButton( |
||||||
|
optionButtonBorderRadius: 12, |
||||||
|
height: 32, |
||||||
|
width: 32, |
||||||
|
padding: const EdgeInsets.all(0.4), |
||||||
|
optionButtonMargin: EdgeInsets.zero, |
||||||
|
borderRadius: 0, |
||||||
|
unselectedBorder: BorderSide.none, |
||||||
|
selectedBorder: BorderSide( |
||||||
|
color: Theme.of(context).primaryColorLight, |
||||||
|
width: 5, |
||||||
|
), |
||||||
|
onSelect: () { |
||||||
|
scrollController.animateTo( |
||||||
|
_kWidthOfScrollItem * index, |
||||||
|
duration: const Duration(milliseconds: 350), |
||||||
|
curve: Curves.easeOutCubic, |
||||||
|
); |
||||||
|
schemeIndex = index; |
||||||
|
appStore.setColorSchemeIndex(index); |
||||||
|
}, |
||||||
|
selected: appStore.colorSchemeIndex == index, |
||||||
|
backgroundColor: Theme.of(context).colorScheme.surface, |
||||||
|
flexSchemeColor: isLight |
||||||
|
? FlexColor.schemesList[index].light |
||||||
|
: FlexColor.schemesList[index].dark, |
||||||
|
); |
||||||
|
}, |
||||||
|
), |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue