大幅変更＆環境バージョンアップ
This commit is contained in:
192
plugin/qr_code_scanner/example/README.md
Normal file
192
plugin/qr_code_scanner/example/README.md
Normal file
@ -0,0 +1,192 @@
|
||||
# qr_code_scanner
|
||||
|
||||
Demonstrates how to use the qr_code_scanner plugin.
|
||||
|
||||
## iOS Support:
|
||||
### info.plist
|
||||
```xml
|
||||
<dict>
|
||||
<key>io.flutter.embedded_views_preview</key>
|
||||
<true/>
|
||||
<key>UIBackgroundModes</key>
|
||||
<array>
|
||||
<string>fetch</string>
|
||||
<string>remote-notification</string>
|
||||
</array>
|
||||
<key>NSCameraUsageDescription</key>
|
||||
<string>Can we access your camera in order to scan barcodes?</string>
|
||||
</dict>
|
||||
|
||||
```
|
||||
|
||||
## Example:
|
||||
```dart
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:qr_code_scanner/qr_code_scanner.dart';
|
||||
|
||||
void main() => runApp(MaterialApp(home: QRViewExample()));
|
||||
|
||||
class QRViewExample extends StatefulWidget {
|
||||
const QRViewExample({
|
||||
Key key,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() => _QRViewExampleState();
|
||||
}
|
||||
|
||||
class _QRViewExampleState extends State<QRViewExample> {
|
||||
Barcode result;
|
||||
QRViewController controller;
|
||||
final GlobalKey qrKey = GlobalKey(debugLabel: 'QR');
|
||||
|
||||
// In order to get hot reload to work we need to pause the camera if the platform
|
||||
// is android, or resume the camera if the platform is iOS.
|
||||
@override
|
||||
void reassemble() {
|
||||
super.reassemble();
|
||||
if (Platform.isAndroid) {
|
||||
controller.pauseCamera();
|
||||
}
|
||||
controller.resumeCamera();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Column(
|
||||
children: <Widget>[
|
||||
Expanded(flex: 4, child: _buildQrView(context)),
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: FittedBox(
|
||||
fit: BoxFit.contain,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: <Widget>[
|
||||
if (result != null)
|
||||
Text(
|
||||
'Barcode Type: ${describeEnum(result.format)} Data: ${result.code}')
|
||||
else
|
||||
Text('Scan a code'),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: EdgeInsets.all(8),
|
||||
child: RaisedButton(
|
||||
onPressed: () async {
|
||||
await controller?.toggleFlash();
|
||||
setState(() {});
|
||||
},
|
||||
child: FutureBuilder(
|
||||
future: controller?.getFlashStatus(),
|
||||
builder: (context, snapshot) {
|
||||
return Text('Flash: ${snapshot.data}');
|
||||
},
|
||||
)),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.all(8),
|
||||
child: RaisedButton(
|
||||
onPressed: () async {
|
||||
await controller?.flipCamera();
|
||||
setState(() {});
|
||||
},
|
||||
child: FutureBuilder(
|
||||
future: controller?.getCameraInfo(),
|
||||
builder: (context, snapshot) {
|
||||
if (snapshot.data != null) {
|
||||
return Text(
|
||||
'Camera facing ${describeEnum(snapshot.data)}');
|
||||
} else {
|
||||
return Text('loading');
|
||||
}
|
||||
},
|
||||
)),
|
||||
)
|
||||
],
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: EdgeInsets.all(8),
|
||||
child: RaisedButton(
|
||||
onPressed: () async {
|
||||
await controller?.pauseCamera();
|
||||
},
|
||||
child: Text('pause', style: TextStyle(fontSize: 20)),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.all(8),
|
||||
child: RaisedButton(
|
||||
onPressed: () async {
|
||||
await controller?.resumeCamera();
|
||||
},
|
||||
child: Text('resume', style: TextStyle(fontSize: 20)),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildQrView(BuildContext context) {
|
||||
// For this example we check how width or tall the device is and change the scanArea and overlay accordingly.
|
||||
var scanArea = (MediaQuery.of(context).size.width < 400 ||
|
||||
MediaQuery.of(context).size.height < 400)
|
||||
? 150.0
|
||||
: 300.0;
|
||||
// To ensure the Scanner view is properly sizes after rotation
|
||||
// we need to listen for Flutter SizeChanged notification and update controller
|
||||
return QRView(
|
||||
key: qrKey,
|
||||
// You can choose between CameraFacing.front or CameraFacing.back. Defaults to CameraFacing.back
|
||||
// cameraFacing: CameraFacing.front,
|
||||
onQRViewCreated: _onQRViewCreated,
|
||||
// Choose formats you want to scan. Defaults to all formats.
|
||||
// formatsAllowed: [BarcodeFormat.qrcode],
|
||||
overlay: QrScannerOverlayShape(
|
||||
borderColor: Colors.red,
|
||||
borderRadius: 10,
|
||||
borderLength: 30,
|
||||
borderWidth: 10,
|
||||
cutOutSize: scanArea,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _onQRViewCreated(QRViewController controller) {
|
||||
setState(() {
|
||||
this.controller = controller;
|
||||
});
|
||||
controller.scannedDataStream.listen((scanData) {
|
||||
setState(() {
|
||||
result = scanData;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
controller?.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user