求助：MAUI中实现Label与Image像HTML般混排自动换行对齐

要实现类似HTML的文本+图片+文本自动对齐、自适应换行效果，同时保证首个Label不换行不被隐藏，可以用FlexLayout来实现，以下是具体代码和说明：

核心代码 #

<FlexLayout Wrap="Wrap" 
            AlignItems="Center" 
            Margin="10">
    <!-- 首个不换行的文本 -->
    <Label Text="Hello, World!" 
           LineBreakMode="NoWrap" 
           Margin="0,0,5,0"
           FlexLayout.FlexShrink="0"/>
    
    <!-- 图片控件 -->
    <Image Source="dotnet_bot.png" 
           HeightRequest="50" 
           WidthRequest="50" 
           Margin="0,0,5,0"/>
    
    <!-- 可换行的文本 -->
    <Label Text="Not working world" 
           LineBreakMode="WordWrap"/>
</FlexLayout>

关键设置说明 #

• FlexLayout.Wrap="Wrap"：开启自动换行，当控件总宽度超过容器宽度时，后续元素会自动换行到下一行。
• AlignItems="Center"：让文本和图片在垂直方向上居中对齐，保证视觉一致性。
• 首个Label的FlexLayout.FlexShrink="0"：禁止该Label被压缩，确保即使屏幕宽度很小，也不会因被挤压而隐藏内容，同时LineBreakMode="NoWrap"保证文本不换行。
• Margin设置：给元素之间添加间距，避免内容拥挤。

长文本场景补充 #

如果首个Label的文本长度可能超出单屏宽度，可嵌套在ScrollView中实现横向滚动，保证内容完整显示：

<ScrollView Orientation="Horizontal">
    <FlexLayout Wrap="NoWrap" 
                AlignItems="Center" 
                Margin="10">
        <!-- 子控件同上 -->
    </FlexLayout>
</ScrollView>

内容的提问来源于stack exchange，提问作者John Kim