import 'dart:convert'; import 'dart:developer' as developer; import 'dart:io'; import 'package:confetti/confetti.dart'; import 'package:device_info/device_info.dart'; import 'package:file_picker/file_picker.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_file_dialog/flutter_file_dialog.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:line_icons/line_icons.dart'; import 'package:path/path.dart' as path; import 'package:path_provider/path_provider.dart'; import 'package:provider/provider.dart'; import 'package:wc_flutter_share/wc_flutter_share.dart'; import '../local_storage/key_value_storage.dart'; import '../local_storage/sqflite_localpodcast.dart'; import '../service/gpodder_api.dart'; import '../service/opml_build.dart'; import '../state/podcast_group.dart'; import '../state/setting_state.dart'; import '../type/settings_backup.dart'; import '../util/extension_helper.dart'; import '../widgets/custom_widget.dart'; class DataBackup extends StatefulWidget { @override _DataBackupState createState() => _DataBackupState(); } class _DataBackupState extends State { final _gpodder = Gpodder(); var _syncing = false; Future _exportOmpl(BuildContext context) async { var groups = context.read().groups; var opml = PodcastsBackup(groups).omplBuilder(); var tempdir = await getTemporaryDirectory(); var now = DateTime.now(); var datePlus = now.year.toString() + now.month.toString() + now.day.toString() + now.second.toString(); var file = File(path.join(tempdir.path, 'tsacdop_opml_$datePlus.xml')); await file.writeAsString(opml.toXmlString()); return file; } Future _saveFile(File file) async { final params = SaveFileDialogParams(sourceFilePath: file.path); await FlutterFileDialog.saveFile(params: params); } Future _shareFile(File file) async { final bytes = await file.readAsBytes(); await WcFlutterShare.share( sharePopupTitle: 'Share file', fileName: file.path.split('/').last, mimeType: 'text/plain', bytesOfFile: bytes.buffer.asUint8List()); } Future _exportSetting(BuildContext context) async { var settings = context.read(); var settingsBack = await settings.backup(); var json = settingsBack.toJson(); var tempdir = await getTemporaryDirectory(); var now = DateTime.now(); var datePlus = now.year.toString() + now.month.toString() + now.day.toString() + now.second.toString(); var file = File(path.join(tempdir.path, 'tsacdop_settings_$datePlus.json')); await file.writeAsString(jsonEncode(json)); return file; } Future _importSetting(String path, BuildContext context) async { final s = context.s; var settings = context.read(); var file = File(path); try { var json = file.readAsStringSync(); var backup = SettingsBackup.fromJson(jsonDecode(json)); await settings.restore(backup); Fluttertoast.showToast( msg: s.toastImportSettingsSuccess, gravity: ToastGravity.BOTTOM, ); } catch (e) { developer.log(e, name: 'Import settings'); Fluttertoast.showToast( msg: s.toastFileError, gravity: ToastGravity.BOTTOM, ); } } Widget _syncStauts(int index) { switch (index) { case 1: return Text('Successed', style: TextStyle(color: Colors.green)); break; case 2: return Text('Failed', style: TextStyle(color: Colors.red)); break; case 3: return Text('Unauthorized', style: TextStyle(color: Colors.red)); break; default: return Text('Unknown'); break; } } void _getFilePath(BuildContext context) async { final s = context.s; try { var filePickResult = await FilePicker.platform.pickFiles(type: FileType.any); if (filePickResult == null) { return; } Fluttertoast.showToast( msg: s.toastReadFile, gravity: ToastGravity.BOTTOM, ); final filePath = filePickResult.files.first.path; _importSetting(filePath, context); } on PlatformException catch (e) { developer.log(e.toString(), name: 'Get file path'); } } Future _logout() async { await _gpodder.logout(); final subscribeWorker = context.read(); subscribeWorker.cancelWork(); Fluttertoast.showToast( msg: 'Logout successfully', gravity: ToastGravity.BOTTOM, ); if (mounted) setState(() {}); } Future> _getLoginInfo() async { final storage = KeyValueStorage(gpodderApiKey); return await storage.getStringList(); } Future _syncNow() async { if (mounted) { setState(() { _syncing = true; }); } final gpodder = Gpodder(); final status = await gpodder.getChanges(); if (status == 200) { final groupList = context.read(); await gpodder.updateChange(); await groupList.gpodderSyncNow(); } if (mounted) { setState(() { _syncing = false; }); } } Future> _getSyncStatus() async { var dateTimeStorage = KeyValueStorage(gpodderSyncDateTimeKey); var statusStorage = KeyValueStorage(gpodderSyncStatusKey); final syncDateTime = await dateTimeStorage.getInt(); final statusIndex = await statusStorage.getInt(); return [syncDateTime, statusIndex]; } @override Widget build(BuildContext context) { final s = context.s; return AnnotatedRegion( value: SystemUiOverlayStyle( statusBarIconBrightness: Theme.of(context).accentColorBrightness, systemNavigationBarColor: Theme.of(context).primaryColor, systemNavigationBarIconBrightness: Theme.of(context).accentColorBrightness, ), child: Scaffold( appBar: AppBar( elevation: 0, title: Text(s.settingsBackup), leading: CustomBackButton(), backgroundColor: context.primaryColor, ), body: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Padding( padding: EdgeInsets.all(10.0), ), FutureBuilder>( future: _getLoginInfo(), initialData: [], builder: (context, snapshot) { final loginInfo = snapshot.data; return Container( height: 160, width: double.infinity, child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Stack( children: [ Hero( tag: 'gpodder.net', child: CircleAvatar( minRadius: 40, backgroundColor: context.primaryColor, child: SizedBox( height: 60, width: 60, child: Image.asset('assets/gpodder.png')), ), ), if (_syncing) Positioned( left: context.width / 2 - 40, child: SizedBox( height: 80, width: 80, child: CircularProgressIndicator( strokeWidth: 1, ), ), ), if (_syncing) Positioned( bottom: 39, left: context.width / 2 - 12, child: _OpenEye()), if (_syncing) Positioned( bottom: 39, left: context.width / 2 + 3, child: _OpenEye()), ], ), Text( loginInfo.isEmpty ? s.intergateWith('gpodder.net') : s.loggedInAs(loginInfo.first), style: TextStyle(color: Colors.purple[700])), ButtonTheme( height: 32, child: OutlineButton( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.purple[700])), highlightedBorderColor: Colors.purple[700], child: Row( mainAxisSize: MainAxisSize.min, children: [ Icon( LineIcons.user, color: Colors.purple[700], size: context.textTheme.headline6.fontSize, ), SizedBox(width: 10), Text(loginInfo.isEmpty ? s.login : s.logout, style: TextStyle(color: Colors.purple[700])), ], ), onPressed: () { if (loginInfo.isEmpty) { Navigator.push( context, MaterialPageRoute( builder: (context) => _LoginGpodder(), fullscreenDialog: true)); } else { _logout(); } }, ), ), ], ), ); }), FutureBuilder>( future: _getLoginInfo(), initialData: [], builder: (context, snapshot) { final loginInfo = snapshot.data; if (loginInfo.isNotEmpty) { return ListTile( contentPadding: const EdgeInsets.only( left: 70.0, right: 20, top: 10, bottom: 10), onTap: _syncNow, title: Text(s.syncNow), trailing: IconButton( onPressed: () { Navigator.push( context, MaterialPageRoute( builder: (context) => _GpodderInfo())); }, icon: Icon(LineIcons.infoCircle), ), subtitle: FutureBuilder>( future: _getSyncStatus(), initialData: [0, 0], builder: (context, snapshot) { final dateTime = snapshot.data[0]; final status = snapshot.data[1]; return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( '${s.lastUpdate}: ${dateTime.toDate(context)}'), SizedBox(width: 8), Row( children: [ Text('${s.status}: '), _syncStauts(status), ], ), ], ); }), ); } return Center(); }), // ListTile( // onTap: () async { // final subscribeWorker = context.read(); // await subscribeWorker.cancelWork(); // subscribeWorker.setWorkManager(); // }, // title: Text('reset'), // ), Divider(height: 1), Container( height: 30.0, padding: EdgeInsets.fromLTRB(70, 0, 70, 0), alignment: Alignment.centerLeft, child: Text(s.subscribe, style: context.textTheme.bodyText1 .copyWith(color: context.accentColor)), ), Padding( padding: EdgeInsets.only(left: 70.0, right: 20, top: 10, bottom: 10), child: Text(s.subscribeExportDes), ), Padding( padding: EdgeInsets.only(left: 70.0, right: 20), child: Row( mainAxisAlignment: MainAxisAlignment.start, children: [ ButtonTheme( height: 32, child: OutlineButton( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.green[700])), highlightedBorderColor: Colors.green[700], child: Row( children: [ Icon( LineIcons.save, color: Colors.green[700], size: context.textTheme.headline6.fontSize, ), SizedBox(width: 10), Text(s.save, style: TextStyle(color: Colors.green[700])), ], ), onPressed: () async { var file = await _exportOmpl(context); await _saveFile(file); }), ), SizedBox(width: 10), ButtonTheme( height: 32, child: OutlineButton( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.blue[700])), highlightedBorderColor: Colors.blue[700], child: Row( children: [ Icon( Icons.share, size: context.textTheme.headline6.fontSize, color: Colors.blue[700], ), SizedBox(width: 10), Text(s.share, style: TextStyle(color: Colors.blue[700])), ], ), onPressed: () async { var file = await _exportOmpl(context); await _shareFile(file); }), ) ], ), ), Divider(height: 1), Container( height: 30.0, padding: EdgeInsets.symmetric(horizontal: 70), alignment: Alignment.centerLeft, child: Text(s.settings, style: context.textTheme.bodyText1 .copyWith(color: Theme.of(context).accentColor)), ), Padding( padding: EdgeInsets.only(left: 70.0, right: 20, top: 10, bottom: 10), child: Text(s.settingsExportDes), ), Padding( padding: EdgeInsets.only(left: 70.0, right: 10), child: Wrap(children: [ ButtonTheme( height: 32, child: OutlineButton( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.green[700])), highlightedBorderColor: Colors.green[700], child: Row( mainAxisSize: MainAxisSize.min, children: [ Icon( LineIcons.save, color: Colors.green[700], size: context.textTheme.headline6.fontSize, ), SizedBox(width: 10), Text(s.save, style: TextStyle(color: Colors.green[700])), ], ), onPressed: () async { var file = await _exportSetting(context); await _saveFile(file); }), ), SizedBox(width: 10), ButtonTheme( height: 32, child: OutlineButton( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.blue[700])), highlightedBorderColor: Colors.blue[700], child: Row( mainAxisSize: MainAxisSize.min, children: [ Icon( Icons.share, size: context.textTheme.headline6.fontSize, color: Colors.blue[700], ), SizedBox(width: 10), Text(s.share, style: TextStyle(color: Colors.blue[700])), ], ), onPressed: () async { var file = await _exportSetting(context); await _shareFile(file); }), ), SizedBox(width: 10), ButtonTheme( height: 32, child: OutlineButton( highlightedBorderColor: Colors.red[700], shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(100.0), side: BorderSide(color: Colors.red[700])), child: Row( mainAxisSize: MainAxisSize.min, children: [ Icon( LineIcons.paperclip, size: context.textTheme.headline6.fontSize, color: Colors.red[700], ), SizedBox(width: 10), Text(s.import, style: TextStyle(color: Colors.red[700])), ], ), onPressed: () { _getFilePath(context); }, ), ), ]), ), Divider(height: 1) ], ), ), ); } } class _OpenEye extends StatefulWidget { _OpenEye({Key key}) : super(key: key); @override __OpenEyeState createState() => __OpenEyeState(); } class __OpenEyeState extends State<_OpenEye> with SingleTickerProviderStateMixin { double _radius = 0.0; Animation _animation; AnimationController _controller; @override void initState() { super.initState(); _controller = AnimationController(vsync: this, duration: Duration(seconds: 1)); _animation = Tween(begin: 0.0, end: 1.0).animate(_controller) ..addListener(() { if (mounted) { setState(() { _radius = _animation.value; }); } }); _controller.forward(); _controller.addStatusListener((status) async { if (status == AnimationStatus.completed) { await Future.delayed(Duration(milliseconds: 400)); _controller.reverse(); } else if (status == AnimationStatus.dismissed) { _controller.forward(); } }); } @override void dispose() { _controller.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return DotIndicator(radius: 8 * _radius + 0.5, color: Colors.white); } } enum LoginStatus { none, error, start, syncing, complete } class _LoginGpodder extends StatefulWidget { _LoginGpodder({Key key}) : super(key: key); @override __LoginGpodderState createState() => __LoginGpodderState(); } class __LoginGpodderState extends State<_LoginGpodder> { var _username = ''; var _password = ''; LoginStatus _loginStatus; ConfettiController _controller; @override void initState() { _loginStatus = LoginStatus.none; _controller = ConfettiController(duration: Duration(seconds: 3)); super.initState(); } @override void dispose() { _controller.dispose(); super.dispose(); } final GlobalKey> _passwordFieldKey = GlobalKey>(); final GlobalKey _formKey = GlobalKey(); final _gpodder = Gpodder(); Future _handleLogin() async { setState(() => _loginStatus = LoginStatus.start); final form = _formKey.currentState; if (form.validate()) { form.save(); final status = await _gpodder.login(username: _username, password: _password); if (status == 200) { final updateDevice = await _gpodder.updateDevice(_username); if (updateDevice == 200) { if (mounted) { setState(() { _loginStatus = LoginStatus.syncing; }); } final uploadStatus = await _gpodder.uploadSubscriptions(); await _getSubscriptions(_gpodder); if (uploadStatus == 200) { if (mounted) { setState(() { _loginStatus = LoginStatus.complete; _controller.play(); }); } } } else { if (mounted) setState(() => _loginStatus = LoginStatus.error); Fluttertoast.showToast( msg: context.s.loginFailed, gravity: ToastGravity.BOTTOM, ); } } else { if (mounted) setState(() => _loginStatus = LoginStatus.error); Fluttertoast.showToast( msg: context.s.loginFailed, gravity: ToastGravity.BOTTOM, ); } } else { if (mounted) setState(() => _loginStatus = LoginStatus.none); } } Future _getSubscriptions(Gpodder gpodder) async { var subscribeWorker = context.read(); var rssExp = RegExp(r'^(https?):\/\/(.*)'); final opml = await gpodder.getAllPodcast(); if (opml != '') { Map> data = PodcastsBackup.parseOPML(opml); for (var entry in data.entries) { var list = entry.value.reversed; for (var rss in list) { var rssLink = rssExp.stringMatch(rss.xmlUrl); if (rssLink != null) { final dbHelper = DBHelper(); final exist = await dbHelper.checkPodcast(rssLink); if (exist == '') { var item = SubscribeItem( rssLink, rss.text == '' ? rssLink : rss.text, group: 'Home'); await subscribeWorker.setSubscribeItem(item, syncGpodder: false); await Future.delayed(Duration(milliseconds: 200)); } } } } } await subscribeWorker.cancelWork(); subscribeWorker.setWorkManager(); } String _validateName(String value) { if (value.isEmpty) { return context.s.usernameRequired; } final nameExp = RegExp(r'^[A-Za-z ]+$'); if (!nameExp.hasMatch(value)) { return context.s.invalidName; } return null; } String _validatePassword(String value) { final passwordField = _passwordFieldKey.currentState; if (passwordField.value == null || passwordField.value.isEmpty) { return context.s.passwdRequired; } return null; } Widget _loginStatusButton() { switch (_loginStatus) { case LoginStatus.none: return Text( context.s.login, style: TextStyle(color: Colors.white), ); break; case LoginStatus.syncing: return Text( context.s.settingsSyncing, style: TextStyle(color: Colors.white), ); break; case LoginStatus.start: return SizedBox( height: 20, width: 20, child: CircularProgressIndicator( strokeWidth: 2, valueColor: AlwaysStoppedAnimation(Colors.white), ), ); default: return Text( context.s.login, style: TextStyle(color: Colors.white), ); break; } } @override Widget build(BuildContext context) { final s = context.s; return AnnotatedRegion( value: SystemUiOverlayStyle( statusBarIconBrightness: Brightness.dark, systemNavigationBarColor: Theme.of(context).primaryColor, systemNavigationBarIconBrightness: Theme.of(context).accentColorBrightness, ), child: Scaffold( resizeToAvoidBottomInset: true, body: SafeArea( top: false, child: CustomScrollView( slivers: [ SliverAppBar( brightness: Brightness.dark, iconTheme: IconThemeData( color: Colors.white, ), elevation: 0, leading: CustomBackButton(), backgroundColor: context.accentColor, expandedHeight: 200, flexibleSpace: Container( height: 200, width: double.infinity, color: context.accentColor, child: Column( mainAxisAlignment: MainAxisAlignment.end, children: [ Hero( tag: 'gpodder.net', child: CircleAvatar( minRadius: 50, backgroundColor: context.primaryColor.withOpacity(0.3), child: SizedBox( height: 80, width: 80, child: Image.asset('assets/gpodder.png')), ), ), Padding( padding: const EdgeInsets.all(8.0), child: Text(s.intergateWith('gpodder.net'), style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold)), ), ], ), ), ), _loginStatus == LoginStatus.complete ? SliverList( delegate: SliverChildListDelegate([ Stack( children: [ Padding( padding: const EdgeInsets.fromLTRB(40.0, 50, 40, 100), child: Text( s.gpodderLoginDes, textAlign: TextAlign.center, style: context.textTheme.subtitle1 .copyWith(height: 2), ), ), Align( alignment: Alignment.center, child: ConfettiWidget( confettiController: _controller, blastDirectionality: BlastDirectionality.explosive, emissionFrequency: 0.05, maximumSize: Size(20, 10), shouldLoop: false, colors: const [ Colors.green, Colors.blue, Colors.pink, Colors.orange, Colors.purple ], ), ), ], ), Center( child: OutlineButton( onPressed: () { Navigator.of(context).pop(); }, highlightedBorderColor: context.accentColor, child: Text(s.back)), ), ]), ) : Form( key: _formKey, autovalidateMode: AutovalidateMode.disabled, child: AutofillGroup( child: SliverList( delegate: SliverChildListDelegate( [ Padding( padding: const EdgeInsets.fromLTRB(40, 20, 40, 10), child: TextFormField( decoration: InputDecoration( labelStyle: TextStyle(color: context.accentColor), focusColor: context.accentColor, focusedBorder: OutlineInputBorder( borderSide: BorderSide( color: context.accentColor, width: 2)), border: OutlineInputBorder( borderSide: BorderSide( color: context.accentColor)), labelText: s.username, ), maxLines: 1, autofocus: true, validator: _validateName, autofillHints: [AutofillHints.username], onSaved: (value) { setState(() => _username = value); }, ), ), Padding( padding: const EdgeInsets.fromLTRB(40, 10, 40, 20), child: PasswordField( fieldKey: _passwordFieldKey, labelText: s.password, validator: _validatePassword, onSaved: (value) { setState(() { _password = value; }); }, ), ), Padding( padding: const EdgeInsets.fromLTRB(40, 10, 40, 20), child: InkWell( onTap: () { _handleLogin(); }, borderRadius: BorderRadius.circular(5.0), child: Container( height: 40, width: 150, decoration: BoxDecoration( color: context.accentColor, borderRadius: BorderRadius.circular(5.0)), child: Center(child: _loginStatusButton()), ), ), ), SizedBox( height: MediaQuery.of(context).viewInsets.bottom, ), ], ), ), ), ), ], ), ), ), ); } } class PasswordField extends StatefulWidget { const PasswordField({ this.fieldKey, this.hintText, this.labelText, this.helperText, this.onSaved, this.validator, this.onFieldSubmitted, }); final Key fieldKey; final String hintText; final String labelText; final String helperText; final FormFieldSetter onSaved; final FormFieldValidator validator; final ValueChanged onFieldSubmitted; @override _PasswordFieldState createState() => _PasswordFieldState(); } class _PasswordFieldState extends State { bool _obscureText = true; @override Widget build(BuildContext context) { return TextFormField( key: widget.fieldKey, obscureText: _obscureText, autofillHints: [AutofillHints.password], maxLength: 100, onSaved: widget.onSaved, validator: widget.validator, onFieldSubmitted: widget.onFieldSubmitted, decoration: InputDecoration( hintStyle: TextStyle(color: context.accentColor), labelStyle: TextStyle(color: context.accentColor), border: OutlineInputBorder( borderSide: BorderSide(color: context.accentColor)), focusedBorder: OutlineInputBorder( borderSide: BorderSide(color: context.accentColor, width: 2)), hintText: widget.hintText, labelText: widget.labelText, helperText: widget.helperText, suffixIcon: GestureDetector( dragStartBehavior: DragStartBehavior.down, onTap: () { setState(() { _obscureText = !_obscureText; }); }, child: Icon( _obscureText ? Icons.visibility : Icons.visibility_off, color: context.accentColor, semanticLabel: _obscureText ? 'Show' : 'Hide', ), ), ), ); } } class _GpodderInfo extends StatefulWidget { _GpodderInfo({Key key}) : super(key: key); @override __GpodderInfoState createState() => __GpodderInfoState(); } class __GpodderInfoState extends State<_GpodderInfo> { final _gpodder = Gpodder(); var _syncing = false; final _gpodderUrl = "https://gpodder.net"; Future> _getLoginInfo() async { final storage = KeyValueStorage(gpodderApiKey); final androidInfo = await DeviceInfoPlugin().androidInfo; final deviceInfo = await storage.getStringList(); deviceInfo.add("Tsacdop on ${androidInfo.model}"); return deviceInfo; } Future _fullSync() async { if (mounted) { setState(() { _syncing = true; }); } final uploadStatus = await _gpodder.uploadSubscriptions(); if (uploadStatus == 200) { var subscribeWorker = context.read(); var rssExp = RegExp(r'^(https?):\/\/(.*)'); final opml = await _gpodder.getAllPodcast(); if (opml != '') { Map> data = PodcastsBackup.parseOPML(opml); for (var entry in data.entries) { var list = entry.value.reversed; for (var rss in list) { var rssLink = rssExp.stringMatch(rss.xmlUrl); if (rssLink != null) { final dbHelper = DBHelper(); final exist = await dbHelper.checkPodcast(rssLink); if (exist == '') { var item = SubscribeItem( rssLink, rss.text == '' ? rssLink : rss.text, group: 'Home'); await subscribeWorker.setSubscribeItem(item, syncGpodder: false); await Future.delayed(Duration(milliseconds: 200)); } } } } } } //await _syncNow(); if (mounted) { setState(() { _syncing = false; }); } } @override Widget build(BuildContext context) { return AnnotatedRegion( value: SystemUiOverlayStyle( statusBarIconBrightness: Brightness.dark, systemNavigationBarColor: Theme.of(context).primaryColor, systemNavigationBarIconBrightness: Theme.of(context).accentColorBrightness, ), child: Scaffold( resizeToAvoidBottomInset: true, body: SafeArea( top: false, child: CustomScrollView( slivers: [ SliverAppBar( brightness: Brightness.dark, iconTheme: IconThemeData( color: Colors.white, ), leading: CustomBackButton(), elevation: 0, backgroundColor: context.accentColor, expandedHeight: 200, flexibleSpace: Container( height: 200, width: double.infinity, color: context.accentColor, child: Column( mainAxisAlignment: MainAxisAlignment.end, children: [ CircleAvatar( minRadius: 50, backgroundColor: context.primaryColor.withOpacity(0.3), child: SizedBox( height: 80, width: 80, child: Image.asset('assets/gpodder.png')), ), Padding( padding: const EdgeInsets.all(8.0), child: Text('gpodder.net', style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold)), ), ], ), ), ), SliverList( delegate: SliverChildListDelegate([ FutureBuilder>( future: _getLoginInfo(), initialData: [], builder: (context, snapshot) { final deviceId = snapshot.data.isNotEmpty ? snapshot.data[1] : ''; final deviceName = snapshot.data.isNotEmpty ? snapshot.data[3] : ''; return Column( children: [ ListTile( title: Text('Device id'), subtitle: Text(deviceId), ), ListTile( title: Text('Device name'), subtitle: Text(deviceName), ), ], ); }), ListTile( onTap: () => _gpodderUrl.launchUrl, title: Text('Visit gpodder.net'), subtitle: Text('Manage subscriptions online')), ListTile( onTap: _fullSync, title: Text('Full sync'), subtitle: Text('If error happened when syncing')), ]), ), ], ), ), ), ); } }