flutter 分割線高度自適應(yīng)

使用 IntrinsicHeight VerticalDivider 來實現(xiàn)

image.png
Widget itemBuilder(BuildContext context, int index){

    String leftText = 'leftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftTextleftText';
    String rightText = 'rightText';

    return Container(
      decoration: BoxDecoration(
        color: index %2==0 ?const Color(0xffF7F8FA):const Color(0xffffffff)
      ),
      child: IntrinsicHeight(
        child: Row(
          children: [
            Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(top: 6,bottom: 6,left: 6,right: 6),
                  child: Text(
                    leftText,
                    style: TextStyle(fontSize: 12, color: Color(0xff5E5F66)),
                  ),
                )
            ),
            const VerticalDivider(
              width: 2,
              thickness: 1,
              indent: 0,
              endIndent: 0,
              color: Color(0xffE5E6EB)
            ),
            Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(top: 6,bottom: 6,left: 6,right: 6),
                  child: Text(
                    rightText,
                    style:const TextStyle(fontSize: 12, color: Color(0xff5E5F66)),
                  ),
                )
            ),
          ],
        ),
      ),
    );
  }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容