質問編集履歴
1
「動きはする」コードのサンプルを追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,4 +16,54 @@
|
|
|
16
16
|
（他の例で言うと、下記画像の青色で示されている部分をタッチしたら画面遷移するようにしたい際、右下の空間をタッチした時も画面遷移してしまうので、それを青色部分だけにしたいです。）
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
参考になるかはわかりませんが、「動きはする」コードのサンプルです
|
|
25
|
+
```flutter
|
|
26
|
+
import 'package:flutter/material.dart';
|
|
27
|
+
import 'next_page.dart';
|
|
28
|
+
|
|
29
|
+
void main() {
|
|
30
|
+
runApp(MyApp());
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
class MyApp extends StatelessWidget {
|
|
34
|
+
// This widget is the root of your application.
|
|
35
|
+
@override
|
|
36
|
+
Widget build(BuildContext context) {
|
|
37
|
+
return MaterialApp(
|
|
38
|
+
title: 'Flutter Demo',
|
|
39
|
+
theme: ThemeData(
|
|
40
|
+
primarySwatch: Colors.blue,
|
|
41
|
+
visualDensity: VisualDensity.adaptivePlatformDensity,
|
|
42
|
+
),
|
|
43
|
+
home: MyHomePage(),
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
class MyHomePage extends StatelessWidget {
|
|
49
|
+
@override
|
|
50
|
+
Widget build(BuildContext context) {
|
|
51
|
+
return Scaffold(
|
|
52
|
+
appBar: AppBar(
|
|
53
|
+
title: Text('Sample App'),
|
|
54
|
+
),
|
|
55
|
+
body: GestureDetector(
|
|
56
|
+
onTap: (){
|
|
57
|
+
//タップしたら次の画面へ遷移
|
|
58
|
+
Navigator.push(
|
|
59
|
+
context,
|
|
60
|
+
MaterialPageRoute(
|
|
61
|
+
builder: (context) => NextPage()
|
|
62
|
+
),
|
|
63
|
+
);
|
|
64
|
+
},
|
|
65
|
+
child: Image.asset('images/hokkaido.png')),//北海道の画像
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
```
|