flutter 获取父组件大小并布局容器LayoutBuilder

LayoutBuilder(builder: (context,constraints){context为父级上下文constraints.biggest.height;  获取组件在父组件所能设置的最大高度contraints.maxWidth;  获取父组件宽度,高度同理return 组件} )

代码示例:

LayoutBuilder(builder: (context,constraints){final endHeight=constraints.biggest.height;return GestureDetector(onVerticalDragDown: (text){ //当点击时会获取点击坐标print(endHeight);print(constraints.maxHeight);print(constraints.maxWidth);},onVerticalDragEnd: (text){print(text);},onVerticalDragCancel: (){print("取消");},child: Column(crossAxisAlignment: CrossAxisAlignment.center,mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[Icon(Icons.search,size: 15,),GestureDetector(child:Text('A') ,onTap: (){scroll.animateTo(312, duration: Duration(milliseconds: 200), curve: Curves.easeIn);},),GestureDetector(child:Text('B') ,onTap: (){scroll.animateTo(478, duration: Duration(milliseconds: 200), curve: Curves.easeIn);},),GestureDetector(child:Text('C') ,onTap: (){scroll.animateTo(575, duration: Duration(milliseconds: 200), curve: Curves.easeIn);},),GestureDetector(child:Text('D') ,onTap: (){scroll.animateTo(741, duration: Duration(milliseconds: 200), curve: Curves.easeIn);},),Text('E'),Text('F'),Text('G'),Text('H'),Text('I'),Text('J'),Text('K'),Text('L'),  Text('M'),Text('N'),Text('O'),Text('P'),Text('Q'),Text('R'),Text('S'),Text('T'),Text('U'),Text('V'),Text('W'),Text('X'),Text("Y"),Text("#")                                   ],),);},)

flutter 获取父组件大小并布局容器LayoutBuilder相关推荐

vue 子级拿值_Vue 父组件主动获取子组件的值，子组件主动获取父组件的值
父组件主动获取子组件的值 1. 在调用子组件的时候定义一个ref-> ref="header" 2. 在父组件中通过this.$refs.header.属性,调用子组件的属性 ...
vue 父组件、子组件对象改变_VUE里子组件获取父组件动态变化的值
在VUE里父组件给子组件间使用props方式传递数据,但是希望父组件的一个状态值改变然后子组件也能监听到这个数据的改变来更新子组件的状态. 场景:子组件通过props获取父组件传过来的数据,子组件存在 ...
子组件获取父组件的值，将这个值作为状态值保存
这是之前的一个想法,但是后来又思考了,如果我的子组件在很多地方都要调用,为什么不把获取数据的函数放在子组件里面,父组件有需要就直接调用子组件的方式就可以.转换一个思路.同时发现一个神奇的事情目前没有 ...
子组件获取父组件的数据（父传递数据给子）
父组件在调用子组件的时候,动态绑定数据 <List :todos='todos'/> 子组件在props中创建一个属性,用以接收父组件传过来的值 props: ['todos'] 3.在子 ...
vue子组件获取父组件数据_在vue.js中父组件是如何向子组件传递数据的？
本文只有一个学习点. 父组件如何向子组件传递数据. 一起学习,更多文章请关注我的头条号,我是落笔承冰. 一.先创建一张空白网页index.html,在head标签里设置好vue的链接库. 二.写一个绑 ...
vue 方法获取返回值_vue中子组件怎么获取父组件中的方法的返回值
楼主解决了吗?好像通过@自定义方法名='父组件的方法名'这样绑定到子组件里面取不行,只能通过:自定义方法名='父组件方法名',然后在子组件中的props:['自定义方法名'],再在子组件中要使用的地方 ...
angular使用@output子组件获取父组件的数据和方法
1.子组件引入 Output 和 EventEmitter import { Component, OnInit ,Input,Output,EventEmitter} from '@angular ...
angular使用@input子组件获取父组件的数据和方法
1使用@input传递数据 1.父组件使用自组件app-header传入msg数据. <app-header [msg]="msg"></app-header&g ...
flutter 获取设备屏幕大小
import 'dart:ui'; var s = window.physicalSize;print(s); 转载于:https://www.cnblogs.com/pythonClub/p/105 ...

flutter 获取父组件大小并布局容器LayoutBuilder

flutter 获取父组件大小并布局容器LayoutBuilder相关推荐

最新文章

热门文章