xamarin/Xamarin.Forms
FlexLayout Basis set via CSS doesn't measure/remeasure when content is lazy loaded
开放
#5,534 创建于 2019年3月13日
a/CSSa/flexe/3 :clock3:help wantedinactivet/bug :bug:up-for-grabs
仓库指标
- 星标
- (5,644 个星标)
- PR 合并指标
- (30 天内没有已合并 PR)
描述
Description
Steps to Reproduce
Run SearchPage.xaml. Top 3 are set via xaml. Rest are CSS. Previewer renderers similarly to device.
Basic Information
- Version with issue: 3.6
Reproduction Link
<ContentPage.Resources>
<StyleSheet>
<![CDATA[
.interestTile {
margin-bottom: 10;
flex-layout-basis: 33%;
}
]]>
</StyleSheet>
</ContentPage.Resources>
<ScrollView>
<FlexLayout Margin="8"
Direction="Row"
Wrap="Wrap"
JustifyContent="SpaceBetween"
AlignContent="Start">
<views:ExploreCategoryTile Headline="AUTOS" FlexLayout.Basis="33%"
TopicImage="https://loremflickr.com/320/240/cars?random=1"
class="interestTile" />
<views:ExploreCategoryTile Headline="CAREER ADVICE" FlexLayout.Basis="33%"
TopicImage="https://loremflickr.com/320/240/office?random=2"
class="interestTile" />
<views:ExploreCategoryTile Headline="CELEBRITIES" FlexLayout.Basis="33%"
TopicImage="https://loremflickr.com/320/240/celebrity?random=3"
class="interestTile" />
<views:ExploreCategoryTile Headline="CREDIT"
TopicImage="https://loremflickr.com/320/240/finance?random=4"
class="interestTile" />
<views:ExploreCategoryTile Headline="CRIME"
TopicImage="https://loremflickr.com/320/240/police?random=5"
class="interestTile" />
<views:ExploreCategoryTile Headline="ENTERTAINMENT"
TopicImage="https://loremflickr.com/320/240/music?random=6"
class="interestTile" />
<views:ExploreCategoryTile Headline="FACT CHECK"
TopicImage="https://loremflickr.com/320/240/news?random=7"
class="interestTile" />
<views:ExploreCategoryTile Headline="FOOD & DRINK"
TopicImage="https://loremflickr.com/320/240/food?random=8"
class="interestTile" />
<views:ExploreCategoryTile Headline="GOLF"
TopicImage="https://loremflickr.com/320/240/golf?random=9"
class="interestTile" />
<views:ExploreCategoryTile Headline="MONEY"
TopicImage="https://loremflickr.com/320/240/flag?random=10"
class="interestTile" />
<views:ExploreCategoryTile Headline="SPORTS"
TopicImage="https://loremflickr.com/320/240/flag?random=11"
class="interestTile" />
<views:ExploreCategoryTile Headline="NEWS VIDEO"
TopicImage="https://loremflickr.com/320/240/flag?random=12"
class="interestTile" />
<views:ExploreCategoryTile Headline="AUTOS"
TopicImage="https://loremflickr.com/320/240/flag?random=13"
class="interestTile" />
<views:ExploreCategoryTile Headline="NHL"
TopicImage="https://loremflickr.com/320/240/flag?random=14"
class="interestTile" />
<views:ExploreCategoryTile Headline="TECHNOLOGY"
TopicImage="https://loremflickr.com/320/240/flag?random=15"
class="interestTile" />
</FlexLayout>
</ScrollView>