カメラのプレビューを表示し、バーコードをスキャンするフラッタープラグインを作成しました。 Widget
と呼ばれるScanPage
をCameraPreview
と表示し、バーコードが検出されると新しいRoute
に移動します。
Problem:新しいルート(SearchProductPage
)をナビゲーションスタックにプッシュすると、CameraController
がバーコードを検出し続けます。画面からCameraController
が削除されたら、ScanPage
でstop()
を呼び出す必要があります。ユーザーがScanPage
に戻ったら、もう一度start()
を呼び出す必要があります。
私が試したこと:CameraController
はWidgetsBindingObserver
を実装し、didChangeAppLifecycleState()
に反応します。これはホームボタンを押したときに完全に機能しますが、新しいRoute
をナビゲーションスタックにプッシュしたときは機能しません。
質問: iOSのviewDidAppear()
とviewWillDisappear()
またはAndroidのonPause()
とonResume()
に相当するものはありますか? FlutterでWidgets
?そうでない場合、別のウィジェットがナビゲーションスタックの一番上にあるときにバーコードのスキャンを停止するようにCameraController
を開始および停止するにはどうすればよいですか?
class ScanPage extends StatefulWidget {
ScanPage({ Key key} ) : super(key: key);
@override
_ScanPageState createState() => new _ScanPageState();
}
class _ScanPageState extends State<ScanPage> {
//implements WidgetsBindingObserver
CameraController controller;
@override
void initState() {
controller = new CameraController(this.didDetectBarcode);
WidgetsBinding.instance.addObserver(controller);
controller.initialize().then((_) {
if (!mounted) {
return;
}
setState(() {});
});
}
//navigate to new page
void didDetectBarcode(String barcode) {
Navigator.of(context).Push(
new MaterialPageRoute(
builder: (BuildContext buildContext) {
return new SearchProductPage(barcode);
},
)
);
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(controller);
controller?.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
if (!controller.value.initialized) {
return new Center(
child: new Text("Lade Barcodescanner..."),
);
}
return new CameraPreview(controller);
}
}
編集:
/// Controls a device camera.
///
///
/// Before using a [CameraController] a call to [initialize] must complete.
///
/// To show the camera preview on the screen use a [CameraPreview] widget.
class CameraController extends ValueNotifier<CameraValue> with WidgetsBindingObserver {
int _textureId;
bool _disposed = false;
Completer<Null> _creatingCompleter;
BarcodeHandler handler;
CameraController(this.handler) : super(const CameraValue.uninitialized());
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
switch(state){
case AppLifecycleState.inactive:
print("--inactive--");
break;
case AppLifecycleState.paused:
print("--paused--");
stop();
break;
case AppLifecycleState.resumed:
print("--resumed--");
start();
break;
case AppLifecycleState.suspending:
print("--suspending--");
dispose();
break;
}
}
/// Initializes the camera on the device.
Future<Null> initialize() async {
if (_disposed) {
return;
}
try {
_creatingCompleter = new Completer<Null>();
_textureId = await BarcodeScanner.initCamera();
print("TextureId: $_textureId");
value = value.copyWith(
initialized: true,
);
_applyStartStop();
} on PlatformException catch (e) {
value = value.copyWith(errorDescription: e.message);
throw new CameraException(e.code, e.message);
}
BarcodeScanner._channel.setMethodCallHandler((MethodCall call){
if(call.method == "barcodeDetected"){
String barcode = call.arguments;
debounce(2500, this.handler, [barcode]);
}
});
_creatingCompleter.complete(null);
}
void _applyStartStop() {
if (value.initialized && !_disposed) {
if (value.isStarted) {
BarcodeScanner.startCamera();
} else {
BarcodeScanner.stopCamera();
}
}
}
/// Starts the preview.
///
/// If called before [initialize] it will take effect just after
/// initialization is done.
void start() {
value = value.copyWith(isStarted: true);
_applyStartStop();
}
/// Stops the preview.
///
/// If called before [initialize] it will take effect just after
/// initialization is done.
void stop() {
value = value.copyWith(isStarted: false);
_applyStartStop();
}
/// Releases the resources of this camera.
@override
Future<Null> dispose() {
if (_disposed) {
return new Future<Null>.value(null);
}
_disposed = true;
super.dispose();
if (_creatingCompleter == null) {
return new Future<Null>.value(null);
} else {
return _creatingCompleter.future.then((_) async {
BarcodeScanner._channel.setMethodCallHandler(null);
await BarcodeScanner.disposeCamera();
});
}
}
}
pop()
が呼び出されたときに、他のページに移動して再起動する前に、controller
を停止してしまいました。
//navigate to new page
void didDetectBarcode(String barcode) {
controller.stop();
Navigator.of(context)
.Push(...)
.then(() => controller.start()); //future completes when pop() returns to this page
}
別の解決策は、maintainState
を開くroute
のScanPage
プロパティをfalse
に設定することです。
おそらく、ウィジェットのdispose
メソッドをオーバーライドして、コントローラーをその中で停止させることができます。 AFAIK、ウィジェットを破棄するたびにフラッターが「自動的に」それを停止するので、カメラを開始または停止するときに自分でタブを維持する必要がないので、これはそれを処理する素晴らしい方法です。
ちなみに、ライブプレビュー付きのバーコード/ QRコードスキャナーが必要です。プラグインをgit(またはZip)で共有していただけませんか?
ありがとう、これはとても便利です!
同等のViewDidAppear
も必要でした。私がやったことは、ここから「再開」状態を取り、次にビルド機能にもチェックを入れることでした。
つまり、アプリがフォアグラウンドに戻ったとき、およびアプリが読み込まれたときに、チェックが呼び出されます。
もちろん、Build-CheckがONCEのみで呼び出され、ビューがリロードされるたびに呼び出されないようにするために、ブール値セットが必要です。
私のアプリでは、実際には1日に1回だけ実行することを望んでいましたが、これは、アプリの読み込みごとに1回実行するように簡単に調整できます。チェックされたブール値は、アプリが一時停止/終了したときにリセットする必要があります。
(pseudocode, greatly reduced, still in progress)
bool hasRunViewDidAppearThisAppOpening = false;
@override
Widget build(BuildContext context) {
_viewDidAppear();
...
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
super.didChangeAppLifecycleState(state);
if (state == AppLifecycleState.resumed) {
_viewDidAppear();
} else {
hasRunViewDidAppearThisAppOpening = false;
}
}
Future<void> _viewDidAppear() async {
if (!hasRunViewDidAppearThisAppOpening) {
hasRunViewDidAppearThisAppOpening = true;
// Do your _viewDidAppear code here
}
}