Архивы Flutter - Страница 7 из 10

Flutter: Хранение данных приложения

06.07.2022 Павел Грибов Flutter, Из жизни

На этом месте должна была быть статья по работу Flutter с SQLite, но не сложилось. Не умеет Flutter без плясок с бубном работать с SQLite одновременно на всех целевых платформах сразу: WIndows/Android/IOS. Самый популярный пакет sqflite — работает только на Android/IOS, остальные, задекларированные как рабочие под Windows, по оной так запустить мне и не удалось, с учётом что у меня ограниченные права Windows. Потому, стал смотреть в сторону пакета Hive — работающего на всех целевых платформах, т.к. написан изначально на языке Dart.

Hive -это быстрая локальная база для Flutter, Dart работающая на основе ключ-значение.

Установка: добавить в зависимости pubsec.yaml:

dependencies:
  hive: ^2.2.3

1 2	dependencies: hive: ^2.2.3

Для удобства можно написать маленький класс для работы с ключами-значениями:

import 'dart:io';
import 'package:hive/hive.dart';

class THave {
  String bname="";
  void Init(String basename)  {
    var path = Directory.current.path;
    Hive.init(path);
    bname=basename;
  }
  void Add(String key,var value) async {
    var box = await Hive.openBox(bname);
    await box.put(key, value);
  }
  void Delete(String key) async {
    var box = await Hive.openBox(bname);
    await box.delete(key);
  }
  dynamic  Get(String key) async  {
    var box =  await Hive.openBox(bname);
    return (box.get(key));
  }
  Future <Iterable> GetKeys() async {
    var box = await Hive.openBox(bname);
    return await box.keys;
  }
}

import 'dart:io';

import 'package:hive/hive.dart';

class THave {

String bname="";

void Init(String basename) {

var path = Directory.current.path;

Hive.init(path);

bname=basename;

}

void Add(String key,var value) async {

var box = await Hive.openBox(bname);

await box.put(key, value);

}

void Delete(String key) async {

var box = await Hive.openBox(bname);

await box.delete(key);

}

dynamic Get(String key) async {

var box = await Hive.openBox(bname);

return (box.get(key));

}

Future <Iterable> GetKeys() async {

var box = await Hive.openBox(bname);

return await box.keys;

}

И теперь например можно при новом запуске приложения «вспоминать» авторизацию:

main.dart:

void main() {
  THave have=THave();
  have.Init("auth");
  have.Get("UserId").then((UserId){
    if (UserId!=null){
      globals.UserId=UserId;
    };
    have.Get("UserName").then((UserName){
      if (UserId!=null){
        globals.UserName=UserName;
        globals.is_login=true;
      };
      runApp(const MyApp());
    });
  });
}

void main() {

THave have=THave();

have.Init("auth");

have.Get("UserId").then((UserId){

if (UserId!=null){

globals.UserId=UserId;

};

have.Get("UserName").then((UserName){

if (UserId!=null){

globals.UserName=UserName;

globals.is_login=true;

};

runApp(const MyApp());

});

}

                      onPressed: (){
                        http.post(Uri.parse('https://erfwe.ru/1.php'),body: {'login':_controller1.text,'password':_controller2.text}).then((response) {
                          print("Response status: ${response.statusCode}");
                          print("Response body: ${response.body}");
                          Map<String, dynamic> user = jsonDecode(response.body);
                          setState(() {
                            globals.UserName = user["UserName"];
                            globals.is_login = true;
                            globals.UserId = user["UserId"];
                            THave have=THave();
                            have.Init("auth");
                            have.Add("UserName", globals.UserName);
                            have.Add("UserId", globals.UserId);
                          });
                        }).catchError((error){
                          print("Error: $error");
                        });
                      },

onPressed: (){

http.post(Uri.parse('https://erfwe.ru/1.php'),body: {'login':_controller1.text,'password':_controller2.text}).then((response) {

print("Response status: ${response.statusCode}");

print("Response body: ${response.body}");

Map<String, dynamic> user = jsonDecode(response.body);

setState(() {

globals.UserName = user["UserName"];

globals.is_login = true;

globals.UserId = user["UserId"];

THave have=THave();

have.Init("auth");

have.Add("UserName", globals.UserName);

have.Add("UserId", globals.UserId);

});

}).catchError((error){

print("Error: $error");

});

Причем нужно отметить свойства сохранения и извлечения ключ-значение: при сохранении мы не ждем результата записи. При чтении — соответственно необходимо дождаться.

Оставить комментарий dart, flutter, hive

Flutter: переопределение кнопки «назад» в AppBar

05.07.2022 Павел Грибов Flutter

Возникла ситуация: на одной из страниц (например авторизация) произошли изменения, касающиеся «стартового» экрана с изменением пунктов меню в drawer, ну и его шапке соотвественно. Но возник нюанс — при нажатии кнопки «назад» в AppBar, перерисовка меню не происходит.

Что будем делать? Одним из вариантов решения проблемы является перехват нажатия кнопки при помощи виджета WildPopScope и принудительная перерисовка при помощи вызова роутинга:

@override
  Widget build(BuildContext context) {
    // Переопределяем кнопку назад
    return WillPopScope(
      onWillPop: () {
        Navigator.pushNamed(context,'/');
        return Future.value(false);
      },
      child: Scaffold(
        appBar: AppBar(title: Text('Авторизация')),
        body: Center(
...

@override

Widget build(BuildContext context) {

// Переопределяем кнопку назад

return WillPopScope(

onWillPop: () {

Navigator.pushNamed(context,'/');

return Future.value(false);

child: Scaffold(

appBar: AppBar(title: Text('Авторизация')),

body: Center(

...

Оставить комментарий dart, flutter, переопределение назад

Flutter: работа с json

04.07.2022 Павел Грибов Flutter, Из жизни

В предыдущей статье мы получили по URL json данные. Теперь задача их обработать.

{
"UserId":10,
"UserName":"Vasya Pukin"
}

{

"UserId":10,

"UserName":"Vasya Pukin"

}

Для работы с json, необходимо импортировать библиотеку:

<strong>import </strong><strong>'dart:convert'</strong>;

1	<strong>import </strong><strong>'dart:convert'</strong>;

Далее загрузим данные в тип Map:

 Map<String, dynamic> user = jsonDecode(response.body);
                        print (user["UserName"]);

1 2	Map<String, dynamic> user = jsonDecode(response.body); print (user["UserName"]);

А что если это массив?

[
  {"UserId":10,"UserName":"Vasya Pukin 1"},
  {"UserId":10,"UserName":"Vasya Pukin 2"}
  ]

[

{"UserId":10,"UserName":"Vasya Pukin 1"},

{"UserId":10,"UserName":"Vasya Pukin 2"}

]

В этом случае загрузим JSON в объет List:

                        List users = jsonDecode(response.body);
                        for(int i=0; i < users.length; i++){
                          print(users[i]["UserName"]);
                        }

List users = jsonDecode(response.body);

for(int i=0; i < users.length; i++){

print(users[i]["UserName"]);

}

Обратная конвертация:

                        String json = jsonEncode(user);
                        print (json);

String json = jsonEncode(user);

print (json);

Оставить комментарий dart, flutter, json

Flutter: получение данных по http/https

04.07.2022 Павел Грибов Flutter

Для обмена данными между клиентом (приложением) и сервером можно использовать пакеты http и http_parser. Для этого в зависимости добавляем пакеты:

dependencies:

 http: ^0.13.4
 http_parser: ^4.0.1

dependencies:

http: ^0.13.4

http_parser: ^4.0.1

Для подключения в самом проекте нужно указать:

import 'package:http/http.dart' as http;

1	import 'package:http/http.dart' as http;

Ключевое слово as — указывает на то что подключаемые методы из пакета будут доступны через объект-имя http, к примеру:

В файл манифеста для Android, обязательно нужно добавить доступ в интернет:

<uses-permission android:name="android.permission.INTERNET" />

1	<uses-permission android:name="android.permission.INTERNET" />

http.get(…)
http.post(…)
http.put(…)

Сетевые запросы к серверу медленные, потому результат запроса будет обрабатываться асинхронно после .then

 ElevatedButton(
                    onPressed: (){
                        http.post(Uri.parse('https://erferf.ru/1.json'),body: {'login':_controller1.text,'password':_controller2.text}).then((response) {
                        print("Response status: ${response.statusCode}");
                        print("Response body: ${response.body}");
                      }).catchError((error){
                        print("Error: $error");
                      });
                    },

ElevatedButton(

onPressed: (){

http.post(Uri.parse('https://erferf.ru/1.json'),body: {'login':_controller1.text,'password':_controller2.text}).then((response) {

print("Response status: ${response.statusCode}");

print("Response body: ${response.body}");

}).catchError((error){

print("Error: $error");

});

Один комментарий dart, flutter, получение данных, сетевые запросы

Flutter: виды кнопок

04.07.2022 Павел Грибов Flutter

Ну и раз уже мы попросили пользователя что-то ввести, нужно создать кнопку, по нажатии на которую что-то будет происходить.

В Flutter довольно таки большой выбор «стандартных» кнопок, код вызова которых в принципе идентичен

child:FlatButton(
              child:Text("Button"),
              onPressed: () {
              },
            )

child:FlatButton(

child:Text("Button"),

onPressed: () {

)

Оставить комментарий buttons, dart, flutter, кнопки

« 1 … 5 6 7 8 9 10 »

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30