Flutter 小知識,Key的使用(獲取當前點選Widget位置/獲取當前Widget大小)
初始化key:
GlobalKey _keyGreen = GlobalKey();
引用Key:
InkWell(
child: Container(
margin: EdgeInsets.only(left: 30),
child: Text(
"Key測試",
textAlign: TextAlign.center,
),
),
key: _keyGreen,
onTap: () {
//獲取當前Widget大小
final RenderBox renderBox =
_keyGreen.currentContext.findRenderObject();
final sizeGreen = renderBox.size;
print("SIZEofgreen: $sizeGreen");
//獲取當前螢幕位置
final positionGreen = renderBox.localToGlobal(Offset.zero);
print("POSITIONofgreen: $positionGreen");
},
)
獲取螢幕位置:
final RenderBox renderBox = _keyGreen.currentContext.findRenderObject();
final positionGreen = renderBox.localToGlobal(Offset.zero);
print("POSITIONofgreen: $positionGreen");
獲取當前Widget大小:
final RenderBox renderBox = _keyGreen.currentContext.findRenderObject();
final sizeGreen = renderBox.size;
print("SIZEofgreen: $sizeGreen");
注意:
一定要標識key
相關文章
- 微信小程式獲取當前位置微信小程式
- 小程式獲取當前元素在螢幕中的位置
- 直播app原始碼,uniapp獲取當前位置APP原始碼
- Flutter獲取當前網路型別Flutter型別
- 使用JS獲取當前地理位置方法彙總JS
- JavaScript 獲取當前月份JavaScript
- 獲取當前時間
- php 獲取當前域名和當前協議PHP協議
- 獲取當前頁面的topViewControllerViewController
- Java獲取當前星期幾Java
- mybatis獲取當前時間MyBatis
- python怎麼獲取當前是幾點?Python
- 百度地圖JavaScript API獲取使用者當前經緯度並獲取使用者當前詳細地理位置地圖JavaScriptAPI
- python 如何獲取當前時間Python
- 獲取當前Tomcat例項的埠Tomcat
- 獲取當前時間往前的日期
- Spark獲取當前分割槽的partitionIdSpark
- Java如何獲取當前執行緒Java執行緒
- Linux C獲取當前工作目錄Linux
- 用js獲取當前月份的天數JS
- js獲取當前的具體時間JS
- 封裝js獲取當前元素的弟弟元素節點封裝JS
- 獲取當前元素在兄弟元素節點中的索引索引
- 如何用js獲取當前時間和ip地址以及當前城市JS
- Flutter之Widget大小與位置Flutter
- $request 請求方法 獲取 API 的當前使用者API
- js_原生js獲取當前的使用者ipJS
- react獲取當前頁面的url引數React
- C# 獲取當前伺服器域名C#伺服器
- 如何用Java獲取當前時間戳?Java時間戳
- js根據IP地址獲取當前的省市JS
- 獲取當前修改的行記錄資料
- JVM 如何獲取當前容器的資源限制?JVM
- Flutter 中獲取螢幕以及 Widget 的寬高Flutter
- c++ 獲取當前時間周初凌晨時間戳(獲取當前時間週一凌晨時間戳)C++時間戳
- WPF 前臺觸發器實時獲取當前時間觸發器
- iOS獲取當前控制器的正確方式iOS
- 獲取當前js檔案被引用的路徑JS