Flutter 自定义Controller

最新推荐文章于 2024-09-30 09:48:54 发布

42577176

最新推荐文章于 2024-09-30 09:48:54 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qq_42577176/article/details/115210484

版权

本文详细探讨了Flutter中自定义Controller的重要性，通过实例解析如何创建和使用自定义TextEditingController，实现更灵活的文本输入控制，提升应用的用户体验。同时，文章还介绍了自定义Controller在状态管理和组件通信中的关键作用。

摘要由CSDN通过智能技术生成

// import 'dart:html';

import 'package:flutter/material.dart';


/**
 * 注意在这里必须要继承的有状态的组件以及
 * 要混入一个别的组件SingleTickerProviderStateMixin剩下的必须要实例化一个TabController
 *
 */


class TabBarsController extends StatefulWidget {
  @override
  _TabBarsControllerState createState() => _TabBarsControllerState();
}

class _TabBarsControllerState extends State<TabBarsController> with SingleTickerProviderStateMixin{

  TabController _tabController;

  @override
    void initState(){
        super.initState();
        _tabController=new TabController(vsync: this,length: 3 );
        _tabController.addListener(() {
            print(_tabController.index);
        });
    }
    
  
  @override
  Widget build(BuildContext context) {
    /**
     * 这个的结构必须是MaterilApp的下面和Scaffole的上面
     */
    return Scaffold(
      appBar: AppBar(

        title: Text('tabContro'),
        bottom: TabBar(
          controller: this._tab