質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

Q&A

0回答

197閲覧

写真のように、3つの選択肢から1つのゲームを選び、PLAY!を押したらゲームの画面へ移動する機能を付けたいです。

ryusen

総合スコア3

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

0グッド

0クリップ

投稿2021/08/21 13:50

写真のように、3つの選択肢から1つのゲームを選び、PLAY!を押したらゲームの画面へ移動する機能を付けたいです。
ボタンを押すと遷移する機能はできたのですが、選択肢から選び、プレイ画面へ移動する機能ができません。

分かる方がいたら、この機能の作り方を教えていただきたいです。

以下のコードは無視していただいて構いません。

Flutter

1// Copyright 2018 The Flutter team. All rights reserved. 2// Use of this source code is governed by a BSD-style license that can be 3// found in the LICENSE file. 4 5import 'package:flutter/cupertino.dart'; 6import 'package:flutter/material.dart'; 7import 'package:renda_machine/hoge.dart'; 8import 'package:renda_machine/game.dart'; 9 10void main() => runApp(MyApp()); 11 12class MyApp extends StatelessWidget { 13 @override 14 Widget build(BuildContext context) { 15 return MaterialApp( 16 home: MainPage(), 17 initialRoute: '/', 18 routes: <String, WidgetBuilder> { 19 '/home': (BuildContext context) => MainPage(), 20 '/gamepage': (BuildContext context) => NextPage(), 21 }, 22 23 ); 24 } 25} 26 27class MainPage extends StatelessWidget{ 28 @override 29 Widget build(BuildContext context) { 30 return MaterialApp( 31 home: Scaffold( 32 body: Container( 33 constraints: BoxConstraints.expand(), 34 decoration: BoxDecoration( 35 image: DecorationImage( 36 image: AssetImage('images/space.jpg'), 37 fit: BoxFit.cover, 38 ), 39 ), 40 child: Center( 41 child: Column( 42 children: [ 43 Placeholder( 44 fallbackHeight: 65, 45 ), 46 Text( 47 'Renda', 48 style: TextStyle( 49 fontSize: 35.0, 50 fontWeight: FontWeight.bold, 51 color: Colors.white, 52 ), 53 ), 54 Text( 55 'Machine', 56 style: TextStyle( 57 fontSize: 35.0, 58 fontWeight: FontWeight.bold, 59 color: Colors.white, 60 ), 61 ), 62 Placeholder( 63 fallbackHeight: 20, 64 ), 65 Placeholder( 66 fallbackHeight: 50, 67 ), 68 Placeholder( 69 fallbackHeight: 20, 70 ), 71 Placeholder( 72 fallbackHeight: 70, 73 ), 74 SizedBox( 75 height: 8, 76 ), 77 ButtonTheme( 78 minWidth: 380, 79 height: 60, 80 child: RaisedButton( 81 child: Text( 82 'Play!', 83 style: TextStyle( 84 fontSize: 40, 85 ),), 86 onPressed: () { 87 Navigator.of(context).pushNamed('/gamepage'); 88 }, 89 ), 90 ), 91 Container( 92 child: Placeholder( 93 color: Colors.red, 94 fallbackHeight: 190, 95 ) 96 ), 97 Expanded( 98 child: Row( 99 mainAxisAlignment: MainAxisAlignment.spaceBetween, 100 children: <Widget>[ 101 Flexible( 102 flex: 1, 103 child: Text( 104 'aaaaaaaaaa', 105 textAlign: TextAlign.left, 106 style: TextStyle( 107 color: Colors.white, 108 ), 109 ), 110 ), 111 Flexible( 112 flex: 1, 113 child: Placeholder( 114 color: Colors.blue, 115 ), 116 ), 117 ], 118 ), 119 ), 120 ], 121 ), 122 ), 123 ), 124 ), 125 ); 126 } 127 128}

イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問