【flutter】提问软件quzime

最新推荐文章于 2024-07-03 19:37:41 发布
最新推荐文章于 2024-07-03 19:37:41 发布
阅读量124 收藏
点赞数
文章标签： flutter android ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_56132766/article/details/130329266
版权

基础界面代码

在这里插入图片描述

void main() => runApp(Quizzler());

class Quizzler extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.grey.shade900,
        body: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10.0),
            child: QuizPage(),
          ),
        ),
      ),
    );
  }
}

class QuizPage extends StatefulWidget {
  @override
  _QuizPageState createState() => _QuizPageState();
}

class _QuizPageState extends State<QuizPage> {
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        const Expanded(
          flex: 5,
          child: Padding(
            padding: EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                'This is where the question text will go.',
                textAlign: TextAlign.center,
                style: TextStyle(
                  fontSize: 25.0,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
              },
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.red,
              ),
              child: const Text(
                'False',
                style: TextStyle(
                  fontSize: 20.0,
                  color: Colors.white,
                ),
              ),
              onPressed: () {
                //The user picked false.
              },
            ),
          ),
        ),
        //TODO: Add a Row here as your score keeper
      ],
    );
  }
}

/*
question1: 'You can lead a cow down stairs but not up stairs.', false,
question2: 'Approximately one quarter of human bones are in the feet.', true,
question3: 'A slug\'s blood is green.', true,
*/

使用list(记分员)动态添加图标

在这里插入图片描述

创建一个list，在三角括号中写入Icon类，表明这个列表只能接收Icon类。
在类中定义几个Icon。

  List<Icon> scoreKeeper = [
    const Icon(
      Icons.check,
      color: Colors.green,
    ),
    const Icon(
      Icons.close,
      color: Colors.red,
    ),
  ];

点击正确的按钮会向其中添加一个对号，并展示在屏幕上。使用scoreKeeper.add方法添加一个图标。

Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
                setState(() {
                  scoreKeeper.add(
                    const Icon(
                      Icons.check,
                      color: Colors.green,
                    ),
                  );
                });
              },
            ),
          ),
        ),

完整参考代码

void main() => runApp(Quizzler());

class Quizzler extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.grey.shade900,
        body: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10.0),
            child: QuizPage(),
          ),
        ),
      ),
    );
  }
}

class QuizPage extends StatefulWidget {
  @override
  _QuizPageState createState() => _QuizPageState();
}

class _QuizPageState extends State<QuizPage> {
  List<Icon> scoreKeeper = [
    const Icon(
      Icons.check,
      color: Colors.green,
    ),
    const Icon(
      Icons.close,
      color: Colors.red,
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        const Expanded(
          flex: 5,
          child: Padding(
            padding: EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                'This is where the question text will go.',
                textAlign: TextAlign.center,
                style: TextStyle(
                  fontSize: 25.0,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
                setState(() {
                  scoreKeeper.add(
                    const Icon(
                      Icons.check,
                      color: Colors.green,
                    ),
                  );
                });
              },
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.red,
              ),
              child: const Text(
                'False',
                style: TextStyle(
                  fontSize: 20.0,
                  color: Colors.white,
                ),
              ),
              onPressed: () {
                //The user picked false.
              },
            ),
          ),
        ),
        Row(
          children: scoreKeeper,
        )
        //TODO: Add a Row here as your score keeper
      ],
    );
  }
}

判断答案是否正确

在类中添加一个答案列表

  List<bool> answers = [
    false,
    true,
    true,
  ];

在按钮中判断答案是否正确

在正确的按钮中，如果输入正确，则在控制台输出正确，错误的按钮相反。

bool correctAnswer = answers[questionNumber];
if (correctAnswer == true) {
  print('user got it right');
} else {
  print('user got it wrong');
}

创建一个问题（Question）类

使用问题类，把问题和答案组织到一起，而不是使用两个列表。

class Question {
  String questionText = '';
  bool questionAnswer = false;

  Question(String q, bool a) {
    questionText = q;
    questionAnswer = a;
  }
}

在main.dart中使用

导入这个类

import 'question.dart';

创建一个list

  List<Question> questionBank = [
    Question('You can lead a cow down stairs but not up stairs.', false),
    Question('Approximately one quarter of human bones are in the feet.', true),
    Question('A slug\'s blood is green.', true),
  ];

替换原来的问题和答案为

questionBank[questionNumber].questionText,
questionBank[questionNumber].questionAnswer,

完整代码

import 'question.dart';

void main() => runApp(Quizzler());

class Quizzler extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.grey.shade900,
        body: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10.0),
            child: QuizPage(),
          ),
        ),
      ),
    );
  }
}

class QuizPage extends StatefulWidget {
  @override
  _QuizPageState createState() => _QuizPageState();
}

class _QuizPageState extends State<QuizPage> {
  List<Icon> scoreKeeper = [
    const Icon(
      Icons.check,
      color: Colors.green,
    ),
    const Icon(
      Icons.close,
      color: Colors.red,
    ),
  ];

  List<Question> questionBank = [
    Question('You can lead a cow down stairs but not up stairs.', false),
    Question('Approximately one quarter of human bones are in the feet.', true),
    Question('A slug\'s blood is green.', true),
  ];

  int questionNumber = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Expanded(
          flex: 5,
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                questionBank[questionNumber].questionText,
                textAlign: TextAlign.center,
                style: const TextStyle(
                  fontSize: 25.0,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
                bool correctAnswer =
                    questionBank[questionNumber].questionAnswer;
                if (correctAnswer == true) {
                  print('user got it right');
                } else {
                  print('user got it wrong');
                }
                setState(() {
                  questionNumber = questionNumber + 1;
                  scoreKeeper.add(
                    const Icon(
                      Icons.check,
                      color: Colors.green,
                    ),
                  );
                });
              },
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.red,
              ),
              child: const Text(
                'False',
                style: TextStyle(
                  fontSize: 20.0,
                  color: Colors.white,
                ),
              ),
              onPressed: () {
                //The user picked false.
                bool correctAnswer =
                    questionBank[questionNumber].questionAnswer;
                if (correctAnswer == false) {
                  print('user got it right');
                } else {
                  print('user got it wrong');
                }
                setState(() {
                  questionNumber = questionNumber + 1;
                });
              },
            ),
          ),
        ),
        Row(
          children: scoreKeeper,
        )
        //TODO: Add a Row here as your score keeper
      ],
    );
  }
}

创建一个QuizBrain类

用来管理自己问题库

import 'package:quizme/question.dart';

class QuizBrain {
  List<Question> questionBank = [
    Question('Some cats are actually allergic to humans', true),
    Question('You can lead a cow down stairs but not up stairs.', false),
    Question('Approximately one quarter of human bones are in the feet.', true),
    Question('A slug\'s blood is green.', true),
    Question('Buzz Aldrin\'s mother\'s maiden name was \"Moon\".', true),
    Question('It is illegal to pee in the Ocean in Portugal.', true),
    Question(
        'No piece of square dry paper can be folded in half more than 7 times.',
        false),
    Question(
        'In London, UK, if you happen to die in the House of Parliament, you are technically entitled to a state funeral, because the building is considered too sacred a place.',
        true),
    Question(
        'The loudest sound produced by any animal is 188 decibels. That animal is the African Elephant.',
        false),
    Question(
        'The total surface area of two human lungs is approximately 70 square metres.',
        true),
    Question('Google was originally called \"Backrub\".', true),
    Question(
        'Chocolate affects a dog\'s heart and nervous system; a few ounces are enough to kill a small dog.',
        true),
    Question(
        'In West Virginia, USA, if you accidentally hit an animal with your car, you are free to take it home to eat.',
        true),
  ];
}

在main.dart 中使用

创建一个问题库对象

QuizBrain quizBrain = QuizBrain();

使用问题库中的问题和答案

quizBrain.questionBank[questionNumber].questionText,
quizBrain.questionBank[questionNumber].questionAnswer;

完整的参考代码

mport 'package:quizme/quiz_brain.dart';
import 'question.dart';

QuizBrain quizBrain = QuizBrain();

void main() => runApp(Quizzler());

class Quizzler extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Color.fromARGB(255, 136, 94, 94),
        body: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10.0),
            child: QuizPage(),
          ),
        ),
      ),
    );
  }
}

class QuizPage extends StatefulWidget {
  @override
  _QuizPageState createState() => _QuizPageState();
}

class _QuizPageState extends State<QuizPage> {
  List<Icon> scoreKeeper = [
    const Icon(
      Icons.check,
      color: Colors.green,
    ),
    const Icon(
      Icons.close,
      color: Colors.red,
    ),
  ];

  List<Question> questionBank = [
    Question('You can lead a cow down stairs but not up stairs.', false),
    Question('Approximately one quarter of human bones are in the feet.', true),
    Question('A slug\'s blood is green.', true),
  ];

  int questionNumber = 0;

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Expanded(
          flex: 5,
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                quizBrain.questionBank[questionNumber].questionText,
                textAlign: TextAlign.center,
                style: const TextStyle(
                  fontSize: 25.0,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
                bool correctAnswer =
                    quizBrain.questionBank[questionNumber].questionAnswer;
                if (correctAnswer == true) {
                  print('user got it right');
                } else {
                  print('user got it wrong');
                }
                setState(() {
                  questionNumber = questionNumber + 1;
                  scoreKeeper.add(
                    const Icon(
                      Icons.check,
                      color: Colors.green,
                    ),
                  );
                });
              },
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.red,
              ),
              child: const Text(
                'False',
                style: TextStyle(
                  fontSize: 20.0,
                  color: Colors.white,
                ),
              ),
              onPressed: () {
                //The user picked false.
                bool correctAnswer =
                    quizBrain.questionBank[questionNumber].questionAnswer;
                if (correctAnswer == false) {
                  print('user got it right');
                } else {
                  print('user got it wrong');
                }
                setState(() {
                  questionNumber = questionNumber + 1;
                });
              },
            ),
          ),
        ),
        Row(
          children: scoreKeeper,
        )
        //TODO: Add a Row here as your score keeper
      ],
    );
  }
}

封装数据

在属性名前面添加一个下划线，将数据私有化

int _questionNumber = 0;

List<Question> _questionBank = [];

获取数据，nextQuestion() 方法获得下一个数据，可以防止数据越界。

void nextQuestion() {
    if (_questionNumber < _questionBank.length - 1) {
      _questionNumber++;
    }
    print(_questionNumber);
    print(_questionBank.length);
  }

  String getQuestionText() {
    return _questionBank[_questionNumber].questionText;
  }

  bool getCorrectAnswer() {
    return _questionBank[_questionNumber].questionAnswer;
  }

判断答案是正确，添加图标

void checkAnswer(bool userPickedAnswer) {
    bool correctAnswer = quizBrain.getCorrectAnswer();
    if (userPickedAnswer == correctAnswer) {
      scoreKeeper.add(
        const Icon(
          Icons.check,
          color: Colors.green,
        ),
      );
    } else {
      scoreKeeper.add(
        const Icon(
          Icons.close,
          color: Colors.red,
        ),
      );
    }
    setState(() {
      quizBrain.nextQuestion();
    });
  }

使用rflutter_alert库

在回答完最后一个问题后，提示一个弹窗，点击关闭或者取消之后，清空记分员，回到第一个问题。
在这里插入图片描述

安装库

在yaml中添加依赖，在main.dart中导入这个库。
依赖地址

提示一个弹窗

Alert(
          context: context,
          title: "Finished!",
          desc: "You've reached the end of the quiz.",
        ).show();

在QuizBrain中提供两个方法

这个两个方法用来判断数据是否完成和重置编号，
因为数据被封装。

bool isFinished() {
    if (_questionNumber == _questionBank.length - 1) {
      return true;
    }
    return false;
  }

  void reset() {
    _questionNumber = 0;
  }

修改checkAnswer代码

如果到最后一个问题，清空记分员，重置编号。

setState(() {
      quizBrain.nextQuestion();
      if (quizBrain.isFinished()) {
        Alert(
          context: context,
          title: "Finished!",
          desc: "You've reached the end of the quiz.",
        ).show();

        quizBrain.reset();
        scoreKeeper = [];
      }
    });

完整代码

import 'package:quizme/quiz_brain.dart';
import 'package:rflutter_alert/rflutter_alert.dart';
import 'question.dart';

QuizBrain quizBrain = QuizBrain();

void main() => runApp(Quizzler());

class Quizzler extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: const Color.fromARGB(255, 136, 94, 94),
        body: SafeArea(
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 10.0),
            child: QuizPage(),
          ),
        ),
      ),
    );
  }
}

class QuizPage extends StatefulWidget {
  @override
  _QuizPageState createState() => _QuizPageState();
}

class _QuizPageState extends State<QuizPage> {
  List<Icon> scoreKeeper = [
    const Icon(
      Icons.check,
      color: Colors.green,
    ),
    const Icon(
      Icons.close,
      color: Colors.red,
    ),
  ];

  List<Question> questionBank = [
    Question('You can lead a cow down stairs but not up stairs.', false),
    Question('Approximately one quarter of human bones are in the feet.', true),
    Question('A slug\'s blood is green.', true),
  ];

  void checkAnswer(bool userPickedAnswer) {
    bool correctAnswer = quizBrain.getCorrectAnswer();
    if (userPickedAnswer == correctAnswer) {
      scoreKeeper.add(
        const Icon(
          Icons.check,
          color: Colors.green,
        ),
      );
    } else {
      scoreKeeper.add(
        const Icon(
          Icons.close,
          color: Colors.red,
        ),
      );
    }

    setState(() {
      quizBrain.nextQuestion();
      if (quizBrain.isFinished()) {
        Alert(
          context: context,
          title: "Finished!",
          desc: "You've reached the end of the quiz.",
        ).show();

        quizBrain.reset();
        scoreKeeper = [];
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Expanded(
          flex: 5,
          child: Padding(
            padding: const EdgeInsets.all(10.0),
            child: Center(
              child: Text(
                quizBrain.getQuestionText(),
                textAlign: TextAlign.center,
                style: const TextStyle(
                  fontSize: 25.0,
                  color: Colors.white,
                ),
              ),
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.green,
              ),
              child: const Text(
                'True',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 20.0,
                ),
              ),
              onPressed: () {
                //The user picked true.
                checkAnswer(true);
              },
            ),
          ),
        ),
        Expanded(
          child: Padding(
            padding: const EdgeInsets.all(15.0),
            child: TextButton(
              style: TextButton.styleFrom(
                backgroundColor: Colors.red,
              ),
              child: const Text(
                'False',
                style: TextStyle(
                  fontSize: 20.0,
                  color: Colors.white,
                ),
              ),
              onPressed: () {
                //The user picked false.
                checkAnswer(false);
              },
            ),
          ),
        ),
        Row(
          children: scoreKeeper,
        )
        //TODO: Add a Row here as your score keeper
      ],
    );
  }
}
breeze913
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flutter_quiz1
03-15
kuis1_to_do_list 一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。 UI设计样本
flutter-quiz-app:带有入职用户界面的Flutter编程测验应用
03-20
quiz_app_riverpod 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
106、Flutter实现动态批题
u012416045的博客
05-29 527
如上图所示，用户通过点击True或者False按钮，对于上图中的题目进行批阅， 并且在最下边的横条中出现√或者× 1、首先在主文件中画出该界面的布局，和样式 由下图所示，该布局在整体的StatelessWidget 中嵌套了一个StatefulWidget 并且在安全区域中嵌套了两个Expanded widget import 'package:flutter/mater...
flutter更改软件名，软件ID
Dunkle.T的博客
01-04 2846
android修改应用软件名称，安装包名称： 修改应用软件名称，找到下面位置的AndroidManif.xml文件，这个文件是控制软件的大体信息的。 在该文件的android:label参数中设置软件名称。 修改安装包名称，找到android/app/build.gradle文件，将其中的applicationId参数修改为你想要的安装包名称。 修改后该文件会被画上红线报错，不用理会。 ios修改应用软件名称，安装包名称： ios下修改是修改AppFrameworkInfo.plist文件中的参数配
Flutter集成Unity
Ai1114的博客
04-04 1万+
最近做项目时需要用到Flutter来做跨平台开发，但是项目中又用到了虚拟场景，这样一来就涉及到了Unity，那么总结下来便是用AndroidStudio来创建Flutter项目，将Unity项目嵌入到Flutter项目中，本篇文章就给大家分享一下Flutter集成Unity的详细过程，下一篇再给大家分享 Flutter与Unity之间的通信；
Flutter 逆向安全
唐僧的专栏
08-28 2713
前几天在 "学习" 一个项目， 发现是用 Flutter 开发的。之前研究过 flutter 的逆向，早期 Flutter 有工具可以通过快照进行反编译：《对照表如下》新的版本开发者没有维护了。目前没有很好的工具 可以对 Flutter 进行反编译！
Flutter 常用指令记录总结
红日
12-11 3179
Flutter 常用指令记录总结
Flutter开发Provider详解
Dream It Possible
02-10 1万+
一、为什么会有Provider？ 因为 Flutter 与 React 技术栈的相似性，所以在 Flutter 中涌现了诸如flutter_redux、flutter_dva、flutter_mobx、fish_flutter等前端式的状态管理，它们大多比较复杂，而且需要对框架概念有一定理解。 而作为 Flutter 官方推荐的状态管理scoped_model，又因为其设计较为简单，有些时候不适用于复杂的场景。 所以在经历了一端坎坷之后，今年 Google I/O 大会之后，Pro...
flutter 简介 flutter 能为我们做什么
半身风雪
06-29 9134
陆陆续续已经写了60多篇的flutter 的文章了，本篇文章就来说说我对flutter 的简单看法Flutter是一种由谷歌开发的开源用户界面（UI）工具包，用于在多个平台上构建高性能、美观和流畅的移动应用程序。它使用Dart编程语言，并提供丰富的UI组件和工具，可以快速构建现代化的应用程序界面。总的来说，Flutter具有跨平台、响应式UI、热重载、自绘引擎、丰富的UI组件、开发效率、强大的社区支持和优秀的性能等特点和优势，使开发人员能够更轻松、高效地构建漂亮、流畅和高性能的应用程序。
flutter后台管理框架
06-02
Flutter 后台管理框架是一款基于谷歌的 Flutter 技术构建的高效、易用的后台管理系统开发框架。这个框架的主要目标是让开发者能够更专注于业务逻辑的实现，而不是基础架构的搭建，从而提升开发效率，缩短项目周期。...
一款用flutter制作的记录血压的软件
03-01
在本项目中，“一款用flutter制作的记录血压的软件”展示了Flutter在医疗健康领域的应用，允许用户方便地追踪和管理他们的血压数据。 在这款软件中，Flutter的优势得到了充分发挥，如其快速的开发周期、丰富的内置...
Flutter 轮播图插件
01-13
Flutter 轮播图实现
socketio+flutter综合聊天软件
01-20
Socket.IO和Flutter是两个在移动应用开发中非常重要的技术，它们可以结合起来创建实时、双向通信的应用，例如聊天软件。在本项目中，"socketio+flutter综合聊天软件"利用了这两种技术的优势，构建了一个功能丰富的...
Flutter集成Unity的Demo
09-15
Flutter来做跨平台开发，但是项目中又用到了虚拟场景，这样一来就涉及到了Unity，那么总结下来便是用AndroidStudio来创建Flutter项目，将Unity项目嵌入到Flutter项目中； 适用于有Android基础和Unity基础的开发者...
flutter 打包网页修改打包路径
热门推荐
weixin_43575775的博客
01-24 4万+
就是打包到web目录中去。
如何调试flutter应用
学无止境
12-27 1万+
命令运行app，运行的时候，在控制台可以看到一个Observatory URL(如http://127.0.0.1:8100/)，我们可以通过浏览器打开，直接用语句级的单步调试程序连接到你的应用程序。标志位会打开一种特殊模式，让所有的对象都突出显示，这个可以帮助你发现哪一个对象不能正确的进行测试，比如，某个对象在其父类的范围之外，就不会第一时间被考虑进行命中测试。为true来更直观的调试布局问题，这是渲染库中的一个布尔变量，当该变量为true时，它可以随时生效，并且影响所有地方的绘制。
Flutter与RN
Ai1114的博客
06-30 3万+
Flutter是谷歌的移动UI框架，可以快速的在IOS和Android上构建高质量的原生用户界面，Flutter可以与现有的代码一起工作，且开源免费Flutter用于创建高性能，跨平台的移动应用框架，针对于当下以及未来的移动设备进行优化，专注于Android和IOS低延迟的输入和高帧率Flutter的设计跟react native很像，但是比RN进一步Flutter的开发语言是Dart1. 性能方面:Flutter由于是基于Dart语言, 所以避免了RN的那种通过桥接器与Javascript通讯导致效率低下
Flutter详细使用socketIo实现实时通讯
最新发布
小猿
07-03 275
Flutter实现实时通讯Socktio
flutter 聊天软件
09-06
你可以使用 Flutter 来开发聊天软件，它提供了丰富的 UI 组件和强大的功能，使得开发聊天应用变得更加简单和高效。 在 Flutter 中开发聊天软件，你可以使用 Flutter 提供的组件来构建用户界面，例如使用 ListView ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值