问题描述：
父元素flexDirection:row，子元素flex:1，子元素间有时会存在缝隙，而漏出背景色。如图:
红色缝隙为漏出的背景层
缝隙个数随宽度变化不定。
造成缝隙的原因为：父元素/子元素个数不为整数，导致像素不能平均分配，如图中为子元素个数为7，父元素宽度为404，余数为5，故产生缝隙。
经进一步测试，当余数为偶数时，不会产生缝隙。
解决方案：
在container组件上onLayout中监听width变化，当((width%7)%2)不为0时，动态更改container的width+1。
问题描述： 父元素flexDirection:row，子元素flex:1，子元素间有时会存在缝隙，而漏出背景色。如...
概念 React-Native 中所有的布局均采用 Flex 布局。采用 Flex 布局的元素，称为 Flex 容...
flex布局前提条件--display: flex（react native 不用设置） 与flex布局相关的属性...
React 入门实例教程React-Native入门指南Flex 布局教程：语法篇React Native探索（二...
Flex Flex：弹性布局 React Native 的默认布局是flex布局 如果将父元素设置成弹性盒模型模式...
React Native - Flex布局 Flex布局概述 概念：弹性盒子布局 历史:性盒模型,该布局方案由W3...
React Native 原理 ES6 Flex 布局 React Navigation MobX 视频教程 网...
react native 的flex布局，是web的阉割版本，目前还不支持flex-shrink、flex-bas...
React Native flex 布局使用总结 父视图属性(容器属性)： flexDirection : 对子...
react native布局小知识之主次轴，排列方式 在react native中，我们使用方便快捷的Flex B...
本文标题：React Native flex 布局缝隙问题
本文链接：https://www.haomeiwen.com/subject/jreggttx.html
网友评论