Tag:flutter

  • A picture and text tutorial for setting up flutter environment in Android studio

    Time:2021-1-2

    1、 Introduction to flutter Flutter is Google’s mobile UI framework, which can quickly build high-quality native user interface on IOS and Android. Flutter can work with existing code. Flutter is being used by more and more developers and organizations all over the world, and it is completely free and open source. 2、 Environment construction The […]

  • Detailed analysis of the initial and drawing process of the flutter window

    Time:2020-12-31

    preface Environment: flitter SDK v1.7.8 + hotfix.com [email protected] Corresponding to flitter engine: 54ad777f The focus here is on the C + + level rendering process, how the platform drives and responds to the rendering and rendering process, not the rendering of dart. Combined with previous analysis, an important method was invoked in the constructor of […]

  • Verification code sending function of router

    Time:2020-12-23

    A requirement for sending captcha: including limiting the input length of the text box and allowing only numbers to be entered According to the Convention, the first figure is as follows: class MyBody extends StatefulWidget { @override _MyBodyState createState() => _MyBodyState(); } class _MyBodyState extends State<MyBody> { Bool isbuttonenable = true; // is the button […]

  • Implementation of transparency gradient animation with fluent fadetransition

    Time:2020-12-19

    In this paper, we share the specific code of implementing transparency gradient animation with fluent for your reference. The specific content is as follows Fluent animation status monitor AnimationController //Animation controller AnimationController controller; //Animationcontroller is a special animation object. A new value will be generated at each frame of screen refresh, //By default, animationcontroller generates […]

  • Realization of scaling animation by using fluent positionedtransition

    Time:2020-12-18

    In this paper, we share the specific code of the realization of scaling animation by using fluent for your reference. The specific content is as follows Fluent animation status monitor AnimationController //Animation controller AnimationController controller; //Animationcontroller is a special animation object. A new value will be generated at each frame of screen refresh, //By default, […]

  • Realization of message prompt box by fluent toast

    Time:2020-12-17

    In this paper, an example is given to share the specific code of implementing the message prompt box by fluent toast for your reference. The specific contents are as follows usage method //The default is displayed in the middle Toast.toast (context, MSG: “displayed in the middle”); Toast.toast (context, MSG: “in the middle”, position: ToastPostion.center ); […]

  • Water ripple click effect realized by fluent INKWELL

    Time:2020-12-16

    In the development of fluent, use inkwell or gesturedetector to package a component and add click events. Gesturedetector uses a click to show waterless ripple, INKWELL can achieve water ripple effect.Normal use: InkWell( //Click event response onTap: () { }, child: Container( alignment: Alignment(0, 0), height: 28, width: 120, Child: text (“INKWELL click event”), ), […]

  • Implement rounded border with fluent container container

    Time:2020-12-15

    In this paper, an example is given to share the specific code for realizing the rounded border of the fluent container for your reference. The specific contents are as follows Here we use the container to achieve the rounded rectangle border effect 1 rounded rectangle border Container( margin: EdgeInsets.only(left: 40, top: 40), //Set child center […]

  • Slide left and right to switch views by using fluent pageview

    Time:2020-12-14

    In this paper, we share the specific code of the left and right sliding switch view of the router pageview for your reference. The specific content is as follows import ‘dart:math’; import ‘package:cached_network_image/cached_network_image.dart’; import ‘package:flutter/cupertino.dart’; import ‘package:flutter/material.dart’; import ‘package:flutter_x/base/base_appbar_page.dart’; class LeftPageViewPage extends StatefulWidget { @override State<StatefulWidget> createState() { return new LeftPageViewPageState(); } } class LeftPageViewPageState […]

  • Implementation of rotation animation by fluent rotationtransition

    Time:2020-12-13

    In this paper, an example is given to share the specific code for the realization of rotation animation by fluent rotationtransition for your reference. The specific contents are as follows Fluent animation status monitor AnimationController //Animation controller AnimationController controller; //Animationcontroller is a special animation object. A new value will be generated at each frame of […]

  • Realization of the effect of rotation chart by fluent

    Time:2020-12-11

    This example for you to share the Android Jiugongge picture display of the specific code, for your reference, the specific content is as follows 1 add dependency Library flutter_swiper: ^1.0.6 Common round robin 2 class SwiperViewDefaultPage extends StatefulWidget { @override State<StatefulWidget> createState() { return new SwiperViewDefaultPageState(); } } class SwiperViewDefaultPageState extends BaseAppBarPageState<SwiperViewDefaultPage> { @override String […]

  • Image loading with fluent image

    Time:2020-12-9

    Introduction to image ImageView is used in Android IOS native to load display images. Image is used to load and display images in the router. All the widgets do not directly draw images, but control the containers of the main properties of the images. The rendereobject is responsible for drawing, and they are connected through […]