2023年6月19日 19:27:29go评论57阅读模式

英文:

Cannot navigate from one page to next page (Flutter)

问题

I am new in flutter, I want to navigate from main.dart to Category.dart when I taped on a card I got an error says: Navigator operation requested with a context that does not include a Navigator.

以下是要翻译的代码部分：

import 'package:bornmonth/Category.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    const appTitle = 'طالع بینی ماه تولد';

    return MaterialApp(
      builder: (context, child) {
        return Directionality(
          textDirection: TextDirection.rtl,
          child: Scaffold(
            appBar: AppBar(
              title: const Text(appTitle, style: TextStyle(color: MyColorsSample.primaryDark),),
              backgroundColor: Colors.white,
              elevation: 0,
              actions: [
                IconButton(onPressed: (){}, icon: const Icon(Icons.star_half, color: Colors.blueAccent,)),
                IconButton(onPressed: (){}, icon: const Icon(Icons.share, color: Colors.blueAccent,)),
                IconButton(onPressed: (){}, icon: const Icon(Icons.help, color: Colors.blueAccent,)),
              ],
            ),
            body:  const CardBasicRoute(),
          ),
        );
      },
      home:  const CardBasicRoute(),
    );
  }
}

double defaultRadius = 8.0;

class CardBasicRoute extends StatefulWidget {
  const CardBasicRoute({super.key});

  @override
  CardBasicRouteState createState() => CardBasicRouteState();
}

class CardBasicRouteState extends State<CardBasicRoute> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(8),
        scrollDirection: Axis.vertical,
        child: Column(
          children: <Widget>[
            Container(height:5),
            gradientCardSample("حمل/فروردین", "من هستم","hamal.png",1),
            SizedBox(height: 10,),
            gradientCardSample("ثور/اردبیهشت", "همه چیز مال من است", "sawr.png", 2),
            SizedBox(height: 10,),
            gradientCardSample("جوزا/خرداد", "من فکر میکنم", "jawza.png", 3),
            SizedBox(height: 10,),
            gradientCardSample("سرطان/تیر", "من احساس میکنم", "saratan.png", 4),
            SizedBox(height: 10,),
            gradientCardSample("اسد/مرداد", "من اراده میکنم", "asad.png", 5),
            SizedBox(height: 10,),
            gradientCardSample("سنبله/شهریور", "من تجزیه و تحلیل میکنم", "sonbola.png", 6),
            SizedBox(height: 10,),
            gradientCardSample("میزان/مهر", "من تعادل را برقرار میکنم", "mizan.png", 7),
            SizedBox(height: 10,),
            gradientCardSample("عقرب/آبان", "من آرزو میکنم", "aqrab.png", 8),
            const SizedBox(height: 10,),
            gradientCardSample("قوس/دی", "من میبینم", "qaws.png", 9),
            SizedBox(height: 10,),
            gradientCardSample("جدی/دی", "من بکار میگیرم", "jadi.png", 10),
            SizedBox(height: 10,),
            gradientCardSample("دلو/بهمن", "من میدانم", "dalw.png", 11),
            SizedBox(height: 10,),
            gradientCardSample("حوت/اسفند", "من باور دارم", "hoot.png", 12),
          ],
        ),
      ),
    );
  }

  Widget gradientCardSample(String title, String subtitle, String image, int hint) {
    return InkWell(
      splashColor: Colors.black.withAlpha(30),
      onTap: () {
        debugPrint('Card tapped.');
        Navigator.of(context).push(MaterialPageRoute(builder: (context) => const Catgory()));
      },
      child: Container(
        height: 110,
        width: double.infinity,
        padding:  const EdgeInsets.all(10),
        decoration: BoxDecoration(
          gradient: const LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [ Color(0xFF846AFF), Color(0xFF755EE8), Colors.purpleAccent,Colors.pinkAccent,],
          ),
          borderRadius: radius(16)),
        clipBehavior: Clip.hardEdge,
        child: Row(
          children: [
            Column(
              mainAxisAlignment: MainAxisAlignment.start,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                const SizedBox(height: 10,),
                Text(title, style: const TextStyle(fontSize: 20, color: Colors.white, )),
                Text(subtitle, style:const TextStyle(fontSize: 15, color: Colors.white, ))
              ],
            ),
            const Spacer(),
            Align(
              alignment: Alignment.topLeft,
              child: Image(image: AssetImage('assets/images/$image'),height: 100, width: 100,)),
          ],
        ),
      ),
    );
  }
}

/// returns Radius
BorderRadius radius([double? radius]) {
  return BorderRadius.all(radiusCircular(radius ?? defaultRadius));
}

/// returns Radius
Radius radiusCircular([double? radius]) {
  return Radius.circular(radius ?? defaultRadius);
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("کتگوری", style: TextStyle(color: MyColorsSample.primaryDark),),
        backgroundColor: Colors.white,
        elevation: 0,
      ),
      body: const category_card(),
    );
  }
}

class category_card extends StatefulWidget {
  const category_card({super.key});

  @override
  State<category_card> createState() => _category_cardState();
}

class _category_cardState extends State<category_card> {
  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}

class MyColorsSample {
  static const Color primary = Color(0xFF12376F);
  static const Color primaryDark = Color(0xFF0C44A3);
  static const Color primaryLight = Color(0xFF43A3F3);
  static const Color green = Colors.green;
  static Color black = const Color(0xFF000000);
  static const Color accent = Color(0xFFFF4081);
  static const Color accentDark = Color(0xFFF50057);
  static const Color accentLight = Color(0xFFFF80AB);
  static const Color grey_3 =

<details>
<summary>英文:</summary>

I am new in flutter, I want to navigate from main.dart to Category.dart when I taped on a card I got an error says: Navigator operation requested with a context that does not include a Navigator .
Here are the codes...
\*\*main.dart \*\*

import 'package:bornmonth/Category.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

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

@override
Widget build(BuildContext context) {
const appTitle = 'طالع بینی ماه تولد';

return MaterialApp(
builder: (context, child) {
return Directionality(
textDirection: TextDirection.rtl,
child: Scaffold(
appBar: AppBar(
title: const Text(appTitle, style: TextStyle(color: MyColorsSample.primaryDark),),
backgroundColor: Colors.white,
elevation: 0,
actions: [
IconButton(onPressed: (){}, icon: const Icon(Icons.star_half, color: Colors.blueAccent,)),
IconButton(onPressed: (){}, icon: const Icon(Icons.share, color: Colors.blueAccent,)),
IconButton(onPressed: (){}, icon: const Icon(Icons.help, color: Colors.blueAccent,)),
],
),
body:  const CardBasicRoute(),
),
);
},
home:  const CardBasicRoute(),
);

}
}

double defaultRadius = 8.0;

class CardBasicRoute extends StatefulWidget {

const CardBasicRoute({super.key});

@override
CardBasicRouteState createState() => CardBasicRouteState();
}

class CardBasicRouteState extends State<CardBasicRoute> {

@override
Widget build(BuildContext context) {

return Scaffold(
backgroundColor: Colors.white,
body: SingleChildScrollView(
padding: const EdgeInsets.all(8),
scrollDirection: Axis.vertical,
child: Column(
children: &lt;Widget&gt;[
Container(height:5),
gradientCardSample(&quot;حمل/فروردین&quot;, &quot;من هستم&quot;,&quot;hamal.png&quot;,1),
SizedBox(height: 10,),
gradientCardSample(&quot;ثور/اردبیهشت&quot;, &quot;همه چیز مال من است&quot;, &quot;sawr.png&quot;, 2),
SizedBox(height: 10,),
gradientCardSample(&quot;جوزا/خرداد&quot;, &quot;من فکر میکنم&quot;, &quot;jawza.png&quot;, 3),
SizedBox(height: 10,),
gradientCardSample(&quot;سرطان/تیر&quot;, &quot;من احساس میکنم&quot;, &quot;saratan.png&quot;, 4),
SizedBox(height: 10,),
gradientCardSample(&quot;اسد/مرداد&quot;, &quot;من اراده میکنم&quot;, &quot;asad.png&quot;, 5),
SizedBox(height: 10,),
gradientCardSample(&quot;سنبله/شهریور&quot;, &quot;من تجزیه و تحلیل میکنم&quot;, &quot;sonbola.png&quot;, 6),
SizedBox(height: 10,),
gradientCardSample(&quot;میزان/مهر&quot;, &quot;من تعادل را برقرار میکنم&quot;, &quot;mizan.png&quot;, 7),
SizedBox(height: 10,),
gradientCardSample(&quot;عقرب/آبان&quot;, &quot;من آرزو میکنم&quot;, &quot;aqrab.png&quot;, 8),
const SizedBox(height: 10,),
gradientCardSample(&quot;قوس/دی&quot;, &quot;من میبینم&quot;, &quot;qaws.png&quot;, 9),
SizedBox(height: 10,),
gradientCardSample(&quot;جدی/دی&quot;, &quot;من بکار میگیرم&quot;, &quot;jadi.png&quot;, 10),
SizedBox(height: 10,),
gradientCardSample(&quot;دلو/بهمن&quot;, &quot;من میدانم&quot;, &quot;dalw.png&quot;, 11),
SizedBox(height: 10,),
gradientCardSample(&quot;حوت/اسفند&quot;, &quot;من باور دارم&quot;, &quot;hoot.png&quot;, 12),
],
),
),
);

}

Widget gradientCardSample(String title, String subtitle, String image, int hint) {
return InkWell(
splashColor: Colors.black.withAlpha(30),
onTap: () {
debugPrint('Card tapped.');

      Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; const Catgory()));
},
child: Container(
height: 110,
width: double.infinity,
padding:  const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [ Color(0xFF846AFF), Color(0xFF755EE8), Colors.purpleAccent,Colors.pinkAccent,],
),
borderRadius: radius(16)),
clipBehavior: Clip.hardEdge,
child: Row(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 10,),
Text(title, style: const TextStyle(fontSize: 20, color: Colors.white, )),
Text(subtitle, style:const TextStyle(fontSize: 15, color: Colors.white, ))
],
),
//, style: boldTextStyle(color: Colors.white, size: 20)
const Spacer(),
Align(
alignment: Alignment.topLeft,
child: Image(image: AssetImage(&#39;assets/images/$image&#39;),height: 100, width: 100,)),
],
),
),
);

}

/// returns Radius
BorderRadius radius([double? radius]) {
return BorderRadius.all(radiusCircular(radius ?? defaultRadius));
}
/// returns Radius
Radius radiusCircular([double? radius]) {
return Radius.circular(radius ?? defaultRadius);
}

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

@override
Widget build(BuildContext context) {
return Center(
child: Card(
// clipBehavior is necessary because, without it, the InkWell's animation
// will extend beyond the rounded edges of the [Card] (see https://github.com/flutter/flutter/issues/109776)
// This comes with a small performance cost, and you should not set [clipBehavior]
// unless you need it.
clipBehavior: Clip.hardEdge,
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
debugPrint('Card tapped.');
},
child: const SizedBox(
width: double.infinity,
height: 100,
child: Center(
child: Text('A card that can be tapped')
),
),
),
),
);
}
}

class NewScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('New Screen')),
body: const Center(
child: Text(
'This is a new screen',
style: TextStyle(fontSize: 24.0),
),
),
);
}
}

////////////////////////////////////////////////////////////////////////////////
/*Load image from folder assets/images/
*/
class ImgSample {
static String get(String name){
return 'assets/images/$name';
}
}

class MyColorsSample {
static const Color primary = Color(0xFF12376F);
static const Color primaryDark = Color(0xFF0C44A3);
static const Color primaryLight = Color(0xFF43A3F3);
static const Color green = Colors.green;
static Color black = const Color(0xFF000000);
static const Color accent = Color(0xFFFF4081);
static const Color accentDark = Color(0xFFF50057);
static const Color accentLight = Color(0xFFFF80AB);
static const Color grey_3 = Color(0xFFf7f7f7);
static const Color grey_5 = Color(0xFFf2f2f2);
static const Color grey_10 = Color(0xFFe6e6e6);
static const Color grey_20 = Color(0xFFcccccc);
static const Color grey_40 = Color(0xFF999999);
static const Color grey_60 = Color(0xFF666666);
static const Color grey_80 = Color(0xFF37474F);
static const Color grey_90 = Color(0xFF263238);
static const Color grey_95 = Color(0xFF1a1a1a);
static const Color grey_100_ = Color(0xFF0d0d0d);
static const Color transparent = Color(0x00f7f7f7);
}
class MyTextSample{

static TextStyle? display4(BuildContext context){
return Theme.of(context).textTheme.displayLarge;
}

static TextStyle? display3(BuildContext context){
return Theme.of(context).textTheme.displayMedium;
}

static TextStyle? display2(BuildContext context){
return Theme.of(context).textTheme.displaySmall;
}

static TextStyle? display1(BuildContext context){
return Theme.of(context).textTheme.headlineMedium;
}

static TextStyle? headline(BuildContext context){
return Theme.of(context).textTheme.headlineSmall;
}

static TextStyle? title(BuildContext context){
return Theme.of(context).textTheme.titleLarge;
}

static TextStyle medium(BuildContext context){
return Theme.of(context).textTheme.titleMedium!.copyWith(
fontSize: 18,
);
}

static TextStyle? subhead(BuildContext context){
return Theme.of(context).textTheme.titleMedium;
}

static TextStyle? body2(BuildContext context){
return Theme.of(context).textTheme.bodyLarge;
}

static TextStyle? body1(BuildContext context){
return Theme.of(context).textTheme.bodyMedium;
}

static TextStyle? caption(BuildContext context){
return Theme.of(context).textTheme.bodySmall;
}

static TextStyle? button(BuildContext context){
return Theme.of(context).textTheme.labelLarge!.copyWith(
letterSpacing: 1
);
}

static TextStyle? subtitle(BuildContext context){
return Theme.of(context).textTheme.titleSmall;
}

static TextStyle? overline(BuildContext context){
return Theme.of(context).textTheme.labelSmall;
}
}


**Category.dart**

import 'package:flutter/material.dart';

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

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("کتگوری", style: TextStyle(color: MyColorsSample.primaryDark),),
backgroundColor: Colors.white,
elevation: 0,

        ),
body: const category_card(),
);

}
}

class category_card extends StatefulWidget {
const category_card({super.key});

@override
State<category_card> createState() => _category_cardState();
}

class _category_cardState extends State<category_card> {
@override
Widget build(BuildContext context) {
return const Placeholder();
}
}


I tried this question but still got the same error
[https://stackoverflow.com/questions/50124355/flutter-navigator-not-working](https://stackoverflow.com)
</details>
# 答案1
**得分**: 1
您现在使用的上下文
```Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; const Catgory()));```
是指StatefulWidget。
您需要传递Build方法的上下文。
<details>
<summary>英文:</summary>
The context that you have using in 
Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; const Catgory()));
refers to StatefulWidget.
You need to pass the Build Method Context.
</details>
# 答案2
**得分**: 0
I found the problem with your code and your code should be written like the below code:
```dart
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: CardBasicRoute(),
);
}
}
class CardBasicRoute extends StatefulWidget {
const CardBasicRoute({Key? key}) : super(key: key);
@override
CardBasicRouteState createState() => CardBasicRouteState();
}
class CardBasicRouteState extends State<CardBasicRoute> {
@override
Widget build(BuildContext context) {
return Directionality(
textDirection: TextDirection.rtl,
child: Scaffold(
appBar: AppBar(
title: const Text(
'appTitle',
style: TextStyle(color: MyColorsSample.primaryDark),
),
backgroundColor: Colors.white,
elevation: 0,
actions: [
IconButton(
onPressed: () {},
icon: const Icon(
Icons.star_half,
color: Colors.blueAccent,
)),
IconButton(
onPressed: () {},
icon: const Icon(
Icons.share,
color: Colors.blueAccent,
)),
IconButton(
onPressed: () {},
icon: const Icon(
Icons.help,
color: Colors.blueAccent,
)),
],
),
backgroundColor: Colors.white,
body: SingleChildScrollView(
padding: const EdgeInsets.all(8),
scrollDirection: Axis.vertical,
child: Column(
children: <Widget>[
Container(height: 5),
gradientCardSample("حمل/فروردین", "من هستم", "hamal.png", 1),
SizedBox(
height: 10,
),
gradientCardSample("ثور/اردبیهشت", "همه چیز مال من است", "sawr.png", 2),
SizedBox(
height: 10,
),
gradientCardSample("جوزا/خرداد", "من فکر میکنم", "jawza.png", 3),
SizedBox(
height: 10,
),
gradientCardSample("سرطان/تیر", "من احساس میکنم", "saratan.png", 4),
SizedBox(
height: 10,
),
gradientCardSample("اسد/مرداد", "من اراده میکنم", "asad.png", 5),
SizedBox(
height: 10,
),
gradientCardSample("سنبله/شهریور", "من تجزیه و تحلیل میکنم", "sonbola.png", 6),
SizedBox(
height: 10,
),
gradientCardSample("میزان/مهر", "من تعادل را برقرار میکنم", "mizan.png", 7),
SizedBox(
height: 10,
),
gradientCardSample("عقرب/آبان", "من آرزو میکنم", "aqrab.png", 8),
const SizedBox(
height: 10,
),
gradientCardSample("قوس/دی", "من میبینم", "qaws.png", 9),
SizedBox(
height: 10,
),
gradientCardSample("جدی/دی", "من بکار میگیرم", "jadi.png", 10),
SizedBox(
height: 10,
),
gradientCardSample("دلو/بهمن", "من میدانم", "dalw.png", 11),
SizedBox(
height: 10,
),
gradientCardSample("حوت/اسفند", "من باور دارم", "hoot.png", 12),
],
),
),
),
);
}
Widget gradientCardSample(String title, String subtitle, String image, int hint) {
return InkWell(
splashColor: Colors.black.withAlpha(30),
onTap: () {
debugPrint('Card tapped.');
Navigator.of(context)
.push(MaterialPageRoute(builder: (context) => const CatgoryFaiz()));
},
child: Container(
height: 110,
width: double.infinity,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFF846AFF),
Color(0xFF755EE8),
Colors.purpleAccent,
Colors.pinkAccent,
],
),
borderRadius: radius(16)),
clipBehavior: Clip.hardEdge,
child: Row(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(
height: 10,
),
Text(title,
style: const TextStyle(
fontSize: 20,
color: Colors.white,
)),
Text(subtitle,
style: const TextStyle(
fontSize: 15,
color: Colors.white,
))
],
),
const Spacer(),
Align(
alignment: Alignment.topLeft,
child: Image(
image: AssetImage('assets/images/$image'),
height: 100,
width: 100,
)),
],
),
),
);
}
/// returns Radius
BorderRadius radius([double? radius]) {
return BorderRadius.all(radiusCircular(radius ?? defaultRadius));
}
/// returns Radius
Radius radiusCircular([double? radius]) {
return Radius.circular(radius ?? defaultRadius);
}
}
class CardInkWellWidget extends StatelessWidget {
const CardInkWellWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Center(
child: Card(
// clipBehavior is necessary because, without it, the InkWell's animation
// will extend beyond the rounded edges of the [Card] (see https://github.com/flutter/flutter/issues/109776)
// This comes with a small performance cost, and you should not set [clipBehavior]
// unless you need it.
clipBehavior: Clip.hardEdge,
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
debugPrint('Card tapped.');
},
child: const SizedBox(
width: double.infinity,
height: 100,
child: Center(child: Text('A card that can be tapped')),
),
),
),
);
}
}
class NewScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('New Screen')),
body: const Center(
child: Text(
'This is a new screen',
style: TextStyle(fontSize: 24.0),
),
),
<details>
<summary>英文:</summary>
I found the problem with your code and your code should be written like the below code:
**main.dart**
import &#39;package:farhat/Category.dart&#39;;
import &#39;package:flutter/material.dart&#39;;
void main() =&gt; runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: CardBasicRoute(),
);
}
}
double defaultRadius = 8.0;
class CardBasicRoute extends StatefulWidget {
const CardBasicRoute({super.key});
@override
CardBasicRouteState createState() =&gt; CardBasicRouteState();
}
class CardBasicRouteState extends State&lt;CardBasicRoute&gt; {
@override
Widget build(BuildContext context) {
return Directionality(
textDirection: TextDirection.rtl,
child: Scaffold(
appBar: AppBar(
title: const Text(
&#39;appTitle&#39;,
style: TextStyle(color: MyColorsSample.primaryDark),
),
backgroundColor: Colors.white,
elevation: 0,
actions: [
IconButton(
onPressed: () {},
icon: const Icon(
Icons.star_half,
color: Colors.blueAccent,
)),
IconButton(
onPressed: () {},
icon: const Icon(
Icons.share,
color: Colors.blueAccent,
)),
IconButton(
onPressed: () {},
icon: const Icon(
Icons.help,
color: Colors.blueAccent,
)),
],
),
backgroundColor: Colors.white,
body: SingleChildScrollView(
padding: const EdgeInsets.all(8),
scrollDirection: Axis.vertical,
child: Column(
children: &lt;Widget&gt;[
Container(height: 5),
gradientCardSample(&quot;حمل/فروردین&quot;, &quot;من هستم&quot;, &quot;hamal.png&quot;, 1),
SizedBox(
height: 10,
),
gradientCardSample(
&quot;ثور/اردبیهشت&quot;, &quot;همه چیز مال من است&quot;, &quot;sawr.png&quot;, 2),
SizedBox(
height: 10,
),
gradientCardSample(&quot;جوزا/خرداد&quot;, &quot;من فکر میکنم&quot;, &quot;jawza.png&quot;, 3),
SizedBox(
height: 10,
),
gradientCardSample(
&quot;سرطان/تیر&quot;, &quot;من احساس میکنم&quot;, &quot;saratan.png&quot;, 4),
SizedBox(
height: 10,
),
gradientCardSample(&quot;اسد/مرداد&quot;, &quot;من اراده میکنم&quot;, &quot;asad.png&quot;, 5),
SizedBox(
height: 10,
),
gradientCardSample(
&quot;سنبله/شهریور&quot;, &quot;من تجزیه و تحلیل میکنم&quot;, &quot;sonbola.png&quot;, 6),
SizedBox(
height: 10,
),
gradientCardSample(
&quot;میزان/مهر&quot;, &quot;من تعادل را برقرار میکنم&quot;, &quot;mizan.png&quot;, 7),
SizedBox(
height: 10,
),
gradientCardSample(&quot;عقرب/آبان&quot;, &quot;من آرزو میکنم&quot;, &quot;aqrab.png&quot;, 8),
const SizedBox(
height: 10,
),
gradientCardSample(&quot;قوس/دی&quot;, &quot;من میبینم&quot;, &quot;qaws.png&quot;, 9),
SizedBox(
height: 10,
),
gradientCardSample(&quot;جدی/دی&quot;, &quot;من بکار میگیرم&quot;, &quot;jadi.png&quot;, 10),
SizedBox(
height: 10,
),
gradientCardSample(&quot;دلو/بهمن&quot;, &quot;من میدانم&quot;, &quot;dalw.png&quot;, 11),
SizedBox(
height: 10,
),
gradientCardSample(&quot;حوت/اسفند&quot;, &quot;من باور دارم&quot;, &quot;hoot.png&quot;, 12),
],
),
),
),
);
}
Widget gradientCardSample(
String title, String subtitle, String image, int hint) {
return InkWell(
splashColor: Colors.black.withAlpha(30),
onTap: () {
debugPrint(&#39;Card tapped.&#39;);
Navigator.of(context)
.push(MaterialPageRoute(builder: (context) =&gt; const CatgoryFaiz()));
},
child: Container(
height: 110,
width: double.infinity,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [
Color(0xFF846AFF),
Color(0xFF755EE8),
Colors.purpleAccent,
Colors.pinkAccent,
],
),
borderRadius: radius(16)),
clipBehavior: Clip.hardEdge,
child: Row(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(
height: 10,
),
Text(title,
style: const TextStyle(
fontSize: 20,
color: Colors.white,
)),
Text(subtitle,
style: const TextStyle(
fontSize: 15,
color: Colors.white,
))
],
),
//, style: boldTextStyle(color: Colors.white, size: 20)
const Spacer(),
Align(
alignment: Alignment.topLeft,
child: Image(
image: AssetImage(&#39;assets/images/$image&#39;),
height: 100,
width: 100,
)),
],
),
),
);
}
}
/// returns Radius
BorderRadius radius([double? radius]) {
return BorderRadius.all(radiusCircular(radius ?? defaultRadius));
}
/// returns Radius
Radius radiusCircular([double? radius]) {
return Radius.circular(radius ?? defaultRadius);
}
class CardInkWellWidget extends StatelessWidget {
const CardInkWellWidget({super.key});
@override
Widget build(BuildContext context) {
return Center(
child: Card(
// clipBehavior is necessary because, without it, the InkWell&#39;s animation
// will extend beyond the rounded edges of the [Card] (see https://github.com/flutter/flutter/issues/109776)
// This comes with a small performance cost, and you should not set [clipBehavior]
// unless you need it.
clipBehavior: Clip.hardEdge,
child: InkWell(
splashColor: Colors.blue.withAlpha(30),
onTap: () {
debugPrint(&#39;Card tapped.&#39;);
},
child: const SizedBox(
width: double.infinity,
height: 100,
child: Center(child: Text(&#39;A card that can be tapped&#39;)),
),
),
),
);
}
}
class NewScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text(&#39;New Screen&#39;)),
body: const Center(
child: Text(
&#39;This is a new screen&#39;,
style: TextStyle(fontSize: 24.0),
),
),
);
}
}
////////////////////////////////////////////////////////////////////////////////
/*Load image from folder assets/images/
*/
class ImgSample {
static String get(String name) {
return &#39;assets/images/$name&#39;;
}
}
class MyColorsSample {
static const Color primary = Color(0xFF12376F);
static const Color primaryDark = Color(0xFF0C44A3);
static const Color primaryLight = Color(0xFF43A3F3);
static const Color green = Colors.green;
static Color black = const Color(0xFF000000);
static const Color accent = Color(0xFFFF4081);
static const Color accentDark = Color(0xFFF50057);
static const Color accentLight = Color(0xFFFF80AB);
static const Color grey_3 = Color(0xFFf7f7f7);
static const Color grey_5 = Color(0xFFf2f2f2);
static const Color grey_10 = Color(0xFFe6e6e6);
static const Color grey_20 = Color(0xFFcccccc);
static const Color grey_40 = Color(0xFF999999);
static const Color grey_60 = Color(0xFF666666);
static const Color grey_80 = Color(0xFF37474F);
static const Color grey_90 = Color(0xFF263238);
static const Color grey_95 = Color(0xFF1a1a1a);
static const Color grey_100_ = Color(0xFF0d0d0d);
static const Color transparent = Color(0x00f7f7f7);
}
class MyTextSample {
static TextStyle? display4(BuildContext context) {
return Theme.of(context).textTheme.displayLarge;
}
static TextStyle? display3(BuildContext context) {
return Theme.of(context).textTheme.displayMedium;
}
static TextStyle? display2(BuildContext context) {
return Theme.of(context).textTheme.displaySmall;
}
static TextStyle? display1(BuildContext context) {
return Theme.of(context).textTheme.headlineMedium;
}
static TextStyle? headline(BuildContext context) {
return Theme.of(context).textTheme.headlineSmall;
}
static TextStyle? title(BuildContext context) {
return Theme.of(context).textTheme.titleLarge;
}
static TextStyle medium(BuildContext context) {
return Theme.of(context).textTheme.titleMedium!.copyWith(
fontSize: 18,
);
}
static TextStyle? subhead(BuildContext context) {
return Theme.of(context).textTheme.titleMedium;
}
static TextStyle? body2(BuildContext context) {
return Theme.of(context).textTheme.bodyLarge;
}
static TextStyle? body1(BuildContext context) {
return Theme.of(context).textTheme.bodyMedium;
}
static TextStyle? caption(BuildContext context) {
return Theme.of(context).textTheme.bodySmall;
}
static TextStyle? button(BuildContext context) {
return Theme.of(context).textTheme.labelLarge!.copyWith(letterSpacing: 1);
}
static TextStyle? subtitle(BuildContext context) {
return Theme.of(context).textTheme.titleSmall;
}
static TextStyle? overline(BuildContext context) {
return Theme.of(context).textTheme.labelSmall;
}
}
You should follow this structure and write `void main()` and `MaterialApp` separately and nothing else in these classes like the below code and write your widget separately.
Example:
import &#39;package:flutter/material.dart&#39;;
const Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(
scaffoldBackgroundColor: darkBlue,
),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Text(
&#39;Hello, World!&#39;,
style: Theme.of(context).textTheme.headlineMedium,
);
}
}
</details>
# 答案3
**得分**: -1
```dart
Widget gradientCardSample(String title, String subtitle, String image, int hint, BuildContext context) {
return InkWell(
splashColor: Colors.black.withAlpha(30),
onTap: () {
debugPrint('Card tapped.');
Navigator.of(context).push(MaterialPageRoute(builder: (context) => const Catgory()));
},
child: Container(
height: 110,
width: double.infinity,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Color(0xFF846AFF), Color(0xFF755EE8), Colors.purpleAccent, Colors.pinkAccent],
),
borderRadius: radius(16)),
clipBehavior: Clip.hardEdge,
child: Row(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 10,),
Text(title, style: const TextStyle(fontSize: 20, color: Colors.white, )),
Text(subtitle, style: const TextStyle(fontSize: 15, color: Colors.white, ))
],
),
const Spacer(),
Align(
alignment: Alignment.topLeft,
child: Image(image: AssetImage('assets/images/$image'), height: 100, width: 100,)),
],
),
),
);
}

英文:

Add the Buildcontext parameter to the method

Widget gradientCardSample(String title, String subtitle, String image, int hint,BuildContext context) {
return InkWell(
splashColor: Colors.black.withAlpha(30),
onTap: () {
debugPrint(&#39;Card tapped.&#39;);
Navigator.of(context).push(MaterialPageRoute(builder: (context) =&gt; const Catgory()));
},
child: Container(
height: 110,
width: double.infinity,
padding:  const EdgeInsets.all(10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [ Color(0xFF846AFF), Color(0xFF755EE8), Colors.purpleAccent,Colors.pinkAccent,],
),
borderRadius: radius(16)),
clipBehavior: Clip.hardEdge,
child: Row(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 10,),
Text(title, style: const TextStyle(fontSize: 20, color: Colors.white, )),
Text(subtitle, style:const TextStyle(fontSize: 15, color: Colors.white, ))
],
),
//, style: boldTextStyle(color: Colors.white, size: 20)
const Spacer(),
Align(
alignment: Alignment.topLeft,
child: Image(image: AssetImage(&#39;assets/images/$image&#39;),height: 100, width: 100,)),
],
),
),
);
}
}

通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。

无法从一页导航到下一页（Flutter）

问题

I wanna display 6 squares in one container (height of the container is 1/3 of the screen) like the given image How to do?

The selected project and billing account cannot pay for Maps in your region. Select an existing project that is paid for by a Maps billing account

多点触控检测在Flutter Flame中

将用户重定向回Flutter应用以进行Supabase密码重置。

What's the correct way to type hint an empty list as a literal in python?

如何在Highcharts Gantt中更改本地化的星期名称

如何在同一个流中使用多个过滤器和映射函数？

如何使用Map/Set来将代码优化到O(n)？

.NET MAUI Android在GitHub Actions上构建失败，错误代码为1。

如何在Playwright视觉比较中屏蔽多个定位器？

在C++中，可以使用可变模板参数来检索类型的内部类型。

selenium.common.exceptions.StaleElementReferenceException: Message: stale element reference: stale element not found

Creating and opening a URL to log in to Website via Basic Auth with Robot Framework/Selenium (Python)

AG Grid 在上下文菜单中以大文本形式打开

发表评论