Dart 及 flutter 初體驗
- 先安裝 https://pub.dev/packages/image_picker
- 修改 \photo_app\android\app\src\main\AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="net.tad0616.photo_app">
<application
android:label="photo_app"
android:requestLegacyExternalStorage="true"
android:icon="@mipmap/ic_launcher">
...略...
</application>
<queries>
<intent>
<action android:name="android.media.action.IMAGE_CAPTURE" />
</intent>
</queries>
</manifest>
- 修改 \photo_app\ios\Runner\Info.plist
...略...
<key>LSRequiresIPhoneOS</key>
<true/>
<key>NSCameraUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>NSMicrophoneUsageDescription</key>
<string>Used to capture audio for image picker plugin</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>Used to demonstrate image picker plugin</string>
<key>UIBackgroundModes</key>
<array>
<string>remote-notification</string>
</array>
<key>UILaunchStoryboardName</key>
...略...
- 範例：
import 'package:flutter/material.dart';
import 'dart:io';
import 'package:image_picker/image_picker.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: '拍照',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: PhotoPage(title: '拍照App'),
);
}
}
class PhotoPage extends StatefulWidget {
PhotoPage({Key key, this.title}) : super(key: key);
final String title;
@override
_PhotoPageState createState() => _PhotoPageState();
}
class _PhotoPageState extends State<PhotoPage> {
File _image;
final picker = ImagePicker();
Future getImage() async {
final pickedFile = await picker.getImage(source: ImageSource.camera);
setState(() {
if (pickedFile != null) {
_image = File(pickedFile.path);
} else {
print('No image selected.');
}
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'相片列表',
style: Theme.of(context).textTheme.headline4,
),
_image == null
? Text('No image selected.')
: Image.file(_image),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: getImage,
tooltip: 'Pick Image',
child: Icon(Icons.add_a_photo),
), // This trailing comma makes auto-formatting nicer for build methods.
);
}
}
-