結合antd layout做自適應的可見區高度

2021-10-01 13:53:42 字數 1065 閱讀 2976

目的: 當content元件高度不足一屏時，中間部分會塌陷，所以加minheight讓他不足一屏時自動佔滿一屏。

restheight 是除了content的部分，比如header + footer的高度值。所以

minheight: document.documentelement.clientheight - restheight
具體**：

import react from


'react'


;import


from


'antd'


;import


from


'@/inte***ces/common'


;import zh_cn from


'antd/lib/locale/zh_cn'


;import customfooter from


'./components/customfooter'


;import customheader from


'./components/customheader'


;import


from


'@/pages/constant'


;const


= layout;


const basiclayout: react.


fc= props =>


>


>


style=


}>


<


/content>


>


<


/layout>


<


/configprovider>);


};export


default basiclayout;
然後content具有了minheight只需要對page內的元件的最外層dev加乙個min-height: inherit;

如：

最終達到所有頁面高度不夠是自動撐滿全域性的體驗

Android ImageView高度自適應

最近有個需求，是往乙個linearlayout中去新增imageview，imageview是動態生成的，然後設定imageview的屬性，但是不管怎麼設定scaletype，都達不到自己喜歡的狀態，顯示原圖大小的話會在imageview的上下有留白，如圖 初步猜想是由於原始 比較大，然後縮放後im...

flutter TextField換行自適應

先明確這種輸入文字框有哪些功能點?能夠自定義各種間距.主要是控制項外邊距 margin 內間距 padding 能夠自定義樣式.輸入框邊框 圓角 radius 描邊 border 顏色 字樣 大小,顏色 提示字樣 hint 自適應.字型大小變大控制項高度也變高同時保持指定的內外邊距.最重要的功能 多...

UILabel和UITextView自適應高度

uilabel自動換行，自適應高度 uilabel label uilabel alloc initwithframe cgrectzero label setbackgroundcolor uicolor clearcolor label setfont uifont systemfontofsi...