Flutter で最初の iOS アプリを作る

$ mkdir ~/development/ && cd $_
$ unzip ~/Downloads/flutter_macos_3.16.0-stable.zip
$ ls

flutter/

export PATH="$PATH:`pwd`/flutter/bin"

$ flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[!] Flutter (Channel stable, 3.16.0, on macOS 13.6 22G120 darwin-x64, locale ja-JP)
    ! Warning: `dart` on your path resolves to /usr/local/Cellar/dart/3.0.5/libexec/bin/dart, which is not inside your
      current Flutter SDK checkout at /Users/chick-p/development/flutter. Consider adding
      /Users/chick-p/development/flutter/bin to the front of your path.
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[!] Xcode - develop for iOS and macOS (Xcode 15.0.1)
    ✗ Xcode end user license agreement not signed; open Xcode or run the command 'sudo xcodebuild -license'.
    ✗ Xcode requires additional components to be installed in order to run.
      Launch Xcode and install additional required components when prompted or run:
        sudo xcodebuild -runFirstLaunch
    ✗ CocoaPods not installed.
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on
        the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To install see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.84.2)
Error executing simctl: 69
You have not agreed to the Xcode license agreements. Please run 'sudo xcodebuild -license' from within a Terminal window
to review and agree to the Xcode and Apple SDKs license.


[✓] Connected device (2 available)
[✓] Network resources

! Doctor found issues in 4 categories.
The Flutter CLI developer tool uses Google Analytics to report usage and diagnostic data
along with package dependencies, and crash reporting to send basic crash reports.
This data is used to help improve the Dart platform, Flutter framework, and related tools.

Telemetry is not sent on the very first run.
To disable reporting of telemetry, run this terminal command:

flutter --disable-analytics.
If you opt out of telemetry, an opt-out event will be sent,
and then no further information will be sent.
This data is collected in accordance with the
Google Privacy Policy (https://policies.google.com/privacy).

$ sudo xcodebuild -license

You have not agreed to the Xcode and Apple SDKs license. You must agree to the license below in order to use Xcode.
Press enter to display the license:

By typing 'agree' you are agreeing to the terms of the software license agreements. Any other response will cancel. [agree, cancel]

agree

$ sudo xcodebuild -runFirstLaunch

Install Started
1%.........20.........40.........60.........80.........Install Succeeded

$ sudo gem install cocoapods

$ flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[!] Flutter (Channel stable, 3.16.0, on macOS 13.6 22G120 darwin-x64, locale ja-JP)
    ! Warning: `dart` on your path resolves to /usr/local/Cellar/dart/3.0.5/libexec/bin/dart, which is not inside your
      current Flutter SDK checkout at /Users/chick-p/development/flutter. Consider adding
      /Users/chick-p/development/flutter/bin to the front of your path.
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/macos#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[!] Xcode - develop for iOS and macOS (Xcode 15.0.1)
    ✗ Unable to get list of installed Simulator runtimes.
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.84.2)
[✓] Connected device (2 available)
[✓] Network resources

✗ Unable to get list of installed Simulator runtimes

$ xcodebuild -downloadPlatform iOS

Finding content...2023-11-26 19:18:55.556 xcodebuild[9775:156732]  DVTDownloadable: Observed finish. Stop observing simulator updates. error: (null)
Downloading iOS 17.0.1 Simulator (21A342): Done.

$ flutter doctor

...
[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)

$ cd ~/Desktop
$ flutter create my_app
$ cd my_app

$ flutter run

Connected devices:
macOS (desktop) • macos  • darwin-x64     • macOS 13.6 22G120 darwin-x64
Chrome (web)    • chrome • web-javascript • Google Chrome 119.0.6045.159

$ open -a Simulator
$ flutter run

Launching lib/main.dart on iPhone 15 Pro Max in debug mode...

$ flutter run

$ flutter run 

Launching lib/main.dart on <YOUR_NAME> Phone in debug mode...
Automatically signing iOS for device deployment using specified development team in Xcode project: 69D9G4HCHL
Running Xcode build...
 └─Compiling, linking and signing...                         4.7s
Xcode build done.                                           13.4s
You may be prompted to give access to control Xcode. Flutter uses Xcode to run your app. If access is not allowed, you can
change this through your Settings > Privacy & Security > Automation.
Installing and launching...                                      1,306ms
Error launching application on <YOUR_NAME> Phone

In iOS 14+, debug mode Flutter apps can only be launched from Flutter tooling, IDEs plugin or from Xcode.

Alternatively, build in profile or release modes to enable calunching from the home screen.

$ flutter run --release

Launching lib/main.dart on <YOUR_NAME> Phone in release mode...
Automatically signing iOS for device deployment using specified development team in Xcode project: 69D9G4HCHL
Running Xcode build...
 └─Compiling, linking and signing...                         4.1s
Xcode build done.                                           13.5s
Error executing devicectl: ProcessException: Process exited abnormally:
21:58:46  Acquired tunnel connection to device.
21:58:46  Enabling developer disk image services.
21:58:46  Acquired usage assertion.

ERROR: The application failed to launch. (com.apple.dt.CoreDeviceError error 10002.)
         BundleIdentifier = work.chick-p.myapps
       ----------------------------------------
       The request to open "work.chick-p.myapps" failed. (FBSOpenApplicationServiceErrorDomain error 1.)
         BSErrorCodeDescription = RequestDenied
         NSLocalizedFailureReason = The request was denied by service delegate (SBMainWorkspace) for reason: Security
         ("Unable to launch work.chick-p.myapps because it has an invalid code signature, inadequate entitlements or its
         profile has not been explicitly trusted by the user").
         FBSOpenApplicationRequestID = 0x15a9
       ----------------------------------------
       The operation couldn’t be completed. Unable to launch work.chick-p.myapps because it has an invalid code signature,
       inadequate entitlements or its profile has not been explicitly trusted by the user. (FBSOpenApplicationErrorDomain
       error 3.)
         NSLocalizedFailureReason = Unable to launch work.chick-p.myapps because it has an invalid code signature,
         inadequate entitlements or its profile has not been explicitly trusted by the user.
         BSErrorCodeDescription = Security
  Command: xcrun devicectl device process launch --device 00008101-000648391A04001E work.chick-p.myapps
  --enable-dart-profiling --json-output
  /var/folders/vk/qp8976695zg6c3py5xdlfyh40000gn/T/flutter_tools.kxvrLQ/core_devices.I47r63/launch_results.json
Could not run build/ios/iphoneos/Runner.app on 00008101-000648391A04001E.
Try launching Xcode and selecting "Product > Run" to fix the problem:
  open ios/Runner.xcworkspace

Installing and launching...                                      2,538ms
Error running application on <YOUR_NAME> Phone.

- name: my_app
+ name: hello_world

$ flutter run

Launching lib/main.dart on iPhone 15 Pro Max in debug mode...
Running Xcode build...
Xcode build done.                                           16.5s
Failed to build iOS app
Error (Xcode): Sandbox: rsync(26194) deny(1) file-write-create
/Users/chick-p/Desktop/my_app/build/ios/Debug-iphonesimulator/Flutter.framework


Error (Xcode): Flutter failed to write to a file at
"/Users/chick-p/Desktop/my_app/build/ios/Debug-iphonesimulator/.last_build_id".


Could not build the application for the simulator.
Error launching application on iPhone 15 Pro Max.

  rules:
-    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
+    avoid_print: false  # Uncomment to disable the `avoid_print` rule
    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
+    prefer_const_constructors_in_immutables: false
+    prefer_const_constructors: false
+    prefer_const_literals_to_create_immutables: false
+    prefer_final_fields: false
+    unnecessary_breaks: true
+    use_key_in_widget_constructors: false

dependencies:
  flutter:
    sdk: flutter


  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
-  cupertino_icons: ^1.0.2
+  english_words: ^4.0.0
+  provider: ^6.0.0

     return Scaffold(
       body: Column(
         children: [
-          Text('A random idea:'),
+          Text('A random AWESOME idea:'),
           Text(appState.current.asLowerCase),
+          ElevatedButton(
+            onPressed: () {
+              print('button pressed!');
+            },
+            child: Text('Next'),
+          ),
         ],
       ),

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {

class MyAppState extends ChangeNotifier {
  var current = WordPair.random();
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
    return ChangeNotifierProvider(
      create: (context) => MyAppState(), // <=== ここ
      child: MaterialApp(...),
    )
  )
}

class MyAppState extends ChangeNotifier {
  var current = WordPair.random();
+  void getNext() {
+    current = WordPair.random();
+    notifyListeners();
+  }
}

          ElevatedButton(
            onPressed: () {
+              appState.getNext();
              print('button pressed!');
            },

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var appState = context.watch<MyAppState>();
    // ...
  }
}

class BigCard extends StatelessWidget {
  const BigCard({
    super.key,
    required this.pair,
  });

  final WordPair pair;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return Card(
      color: theme.colorScheme.primary,    // ← And also this.
      child: Padding(
        padding: const EdgeInsets.all(20),
        child: Text(pair.asLowerCase),
      ),
    );
  }
}

  Widget build(BuildContext context) {
    var appState = context.watch<MyAppState>();
+    var pair = appState.current;

   return Scaffold(
      body: Column(
        children: [
          Text('A random AWESOME idea:'),
+          BigCard(pair: pair),
          ElevatedButton(

    return Scaffold(
      body: Column(
+        mainAxisAlignment: MainAxisAlignment.center,  // ← Add this.
        children: [
          Text('A random AWESOME idea:'),
          BigCard(pair: pair),
          ElevatedButton(

    return Scaffold(
-      body: Column(
+      body: Center(
+        child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
               Text('A random AWESOME idea:'),
                ...
             ],
          ), // Column
+      ),  // Center
  ); // Scaffold

class MyAppState extends ChangeNotifier {
  var current = WordPair.random();

  void getNext() {
    current = WordPair.random();
    notifyListeners();
  }

+  var favorites = <WordPair>[];
+  void toggleFavorite() {
+    if (favorites.contains(current)) {
+      favorites.remove(current);
+    } else {
+      favorites.add(current);
+    }
+    notifyListeners();
+  }
}

     return Scaffold(
       body: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
            Text('A random AWESOME idea:'),
             BigCard(pair: pair),
-            ElevatedButton(
-              onPressed: () {
-                appState.getNext();
-                print('button pressed!');
-              },
-              child: Text('Next'),
+            SizedBox(height: 10),
+            Row(
+              mainAxisSize: MainAxisSize.min, // ← Add this.
+              children: [
+                ElevatedButton(
+                  onPressed: () {
+                    appState.getNext();
+                  },
+                  child: Text('Next'),
+                ),
+              ],
             ),
           ],
         ),

     var appState = context.watch<MyAppState>();
     var pair = appState.current;

+    IconData icon;
+    if (appState.favorites.contains(pair)) {
+      icon = Icons.favorite;
+    } else {
+      icon = Icons.favorite_border;
+    }

     return Scaffold(
       body: Center(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
           ...
            SizedBox(height: 10),
            Row(
              mainAxisSize: MainAxisSize.min,
              children: [
+                ElevatedButton.icon(
+                  onPressed: () {
+                    appState.toggleFavorite();
+                  },
+                  icon: Icon(icon),
+                  label: Text('Like'),
+                ),
                ElevatedButton(
                  onPressed: () {
                    appState.getNext();
                  },
                  child: Text('Next'),
                ),
              ],
             ),