นี่คือแนวทางของฉันในการแก้ไขปัญหาของคุณ นี้ขึ้นอยู่กับการใช้งานจากhttp
แพคเกจในขณะที่ที่นี่
แนวคิดหลักมีดังนี้
- สร้างคลาสนามธรรมเพื่อกำหนดวิธีการที่คุณจะต้องใช้
- สร้างการใช้งานเฉพาะ
web
และการandroid
อ้างอิงซึ่งขยายคลาสนามธรรมนี้
- สร้าง stub ซึ่งแสดงเมธอดเพื่อส่งคืนอินสแตนซ์ของการนำนามธรรมไปใช้ นี่เป็นเพียงเพื่อให้เครื่องมือวิเคราะห์โผมีความสุข
- ในระดับนามธรรมนำเข้าไฟล์ต้นขั้วนี้พร้อมกับเฉพาะการนำเข้าเงื่อนไขและ
mobile
web
จากนั้นในตัวสร้างโรงงานจะส่งคืนอินสแตนซ์ของการใช้งานเฉพาะ สิ่งนี้จะถูกจัดการโดยอัตโนมัติโดยการนำเข้าแบบมีเงื่อนไขหากเขียนอย่างถูกต้อง
ขั้นตอนที่ 1 และ 4:
import 'key_finder_stub.dart'
// ignore: uri_does_not_exist
if (dart.library.io) 'package:flutter_conditional_dependencies_example/storage/shared_pref_key_finder.dart'
// ignore: uri_does_not_exist
if (dart.library.html) 'package:flutter_conditional_dependencies_example/storage/web_key_finder.dart';
abstract class KeyFinder {
// some generic methods to be exposed.
/// returns a value based on the key
String getKeyValue(String key) {
return "I am from the interface";
}
/// stores a key value pair in the respective storage.
void setKeyValue(String key, String value) {}
/// factory constructor to return the correct implementation.
factory KeyFinder() => getKeyFinder();
}
ขั้นตอนที่ 2.1: เครื่องมือค้นหาเว็บ
import 'dart:html';
import 'package:flutter_conditional_dependencies_example/storage/key_finder_interface.dart';
Window windowLoc;
class WebKeyFinder implements KeyFinder {
WebKeyFinder() {
windowLoc = window;
print("Widnow is initialized");
// storing something initially just to make sure it works. :)
windowLoc.localStorage["MyKey"] = "I am from web local storage";
}
String getKeyValue(String key) {
return windowLoc.localStorage[key];
}
void setKeyValue(String key, String value) {
windowLoc.localStorage[key] = value;
}
}
KeyFinder getKeyFinder() => WebKeyFinder();
ขั้นตอนที่ 2.2: เครื่องมือค้นหากุญแจมือถือ
import 'package:flutter_conditional_dependencies_example/storage/key_finder_interface.dart';
import 'package:shared_preferences/shared_preferences.dart';
class SharedPrefKeyFinder implements KeyFinder {
SharedPreferences _instance;
SharedPrefKeyFinder() {
SharedPreferences.getInstance().then((SharedPreferences instance) {
_instance = instance;
// Just initializing something so that it can be fetched.
_instance.setString("MyKey", "I am from Shared Preference");
});
}
String getKeyValue(String key) {
return _instance?.getString(key) ??
'shared preference is not yet initialized';
}
void setKeyValue(String key, String value) {
_instance?.setString(key, value);
}
}
KeyFinder getKeyFinder() => SharedPrefKeyFinder();
ขั้นตอนที่ 3:
import 'key_finder_interface.dart';
KeyFinder getKeyFinder() => throw UnsupportedError(
'Cannot create a keyfinder without the packages dart:html or package:shared_preferences');
จากนั้นในการmain.dart
ใช้KeyFinder
คลาสนามธรรมราวกับว่าเป็นการใช้งานทั่วไป นี้จะค่อนข้างเหมือนรูปแบบอะแดปเตอร์
main.dart
import 'package:flutter/material.dart';
import 'package:flutter_conditional_dependencies_example/storage/key_finder_interface.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
KeyFinder keyFinder = KeyFinder();
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SafeArea(
child: KeyValueWidget(
keyFinder: keyFinder,
),
),
);
}
}
class KeyValueWidget extends StatefulWidget {
final KeyFinder keyFinder;
KeyValueWidget({this.keyFinder});
@override
_KeyValueWidgetState createState() => _KeyValueWidgetState();
}
class _KeyValueWidgetState extends State<KeyValueWidget> {
String key = "MyKey";
TextEditingController _keyTextController = TextEditingController();
TextEditingController _valueTextController = TextEditingController();
@override
Widget build(BuildContext context) {
return Material(
child: Container(
width: 200.0,
child: Column(
children: <Widget>[
Expanded(
child: Text(
'$key / ${widget.keyFinder.getKeyValue(key)}',
style: TextStyle(fontSize: 20.0, fontWeight: FontWeight.bold),
),
),
Expanded(
child: TextFormField(
decoration: InputDecoration(
labelText: "Key",
border: OutlineInputBorder(),
),
controller: _keyTextController,
),
),
Expanded(
child: TextFormField(
decoration: InputDecoration(
labelText: "Value",
border: OutlineInputBorder(),
),
controller: _valueTextController,
),
),
RaisedButton(
child: Text('Save new Key/Value Pair'),
onPressed: () {
widget.keyFinder.setKeyValue(
_keyTextController.text,
_valueTextController.text,
);
setState(() {
key = _keyTextController.text;
});
},
)
],
),
),
);
}
}
ภาพหน้าจอบางส่วน
เว็บ
โทรศัพท์มือถือ
localstorage
และการshared preferences
พึ่งพาในวิธีการหรือชั้นเรียนเดียวกัน ซึ่งหมายความว่าคอมไพเลอร์ไม่สามารถท่องจำการพึ่งพาเหล่านี้ได้ เป็นการดีที่การนำเข้าควรซ่อนการใช้งานเหล่านี้ ฉันจะพยายามหาตัวอย่างการนำไปปฏิบัติที่ชัดเจน