Text Alignment Issue in IOS

[ShamineDsouza]

I have observed another issue that the text alignment is not proper . I have two languages Arabic and English . in android it aligns them properly to right and left accordingly .
However in IOS there seems to be a problem, If I set flow direction , even English moves towards the right.

[alibabaan]

When I set flow direction to RTL , the button content appears incorrectly.
Arabic language move toward left and image toward right .

[hartez]

@ShamineDsouza Can you post a repro project, or at least the markup/code you're using for the button/text which aren't displaying correctly? Also, screenshots of Android and iOS would be very helpful so we can see the differences.

[ShamineDsouza]

Hi ,

Below is a portion of the code , In android it works perfectly . However in IOS the alignment is not correct .
If I set flow direction in list view all the text irrespective of the language moves to right or left as set in flow direction .
But everything works perfectly in android.

        <ContentView VerticalOptions="Start"    HorizontalOptions="StartAndExpand"  Padding="0"   >
            <Grid Margin="1,1,1,1"  Padding="2,2,2,2"  BackgroundColor="{ DynamicResource MainWrapperBackgroundColor }">

                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="4*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"    />
                    <RowDefinition Height="Auto"  />
                </Grid.RowDefinitions>

                    <Button Text="{ x:Static local:GrialIconsFont.ArrowCircleRight }" x:Name="Next" Grid.Column="0"  Grid.Row="0" 
                        FontFamily="{ StaticResource GrialIconsFill }" HorizontalOptions="Center"
						Style="{ StaticResource CircleActionButtonGradientStyle }" Clicked="Next_Clicked"></Button>

                                <ActivityIndicator x:Name="activityIndicatorLoad" IsVisible="{ Binding IsIndicatorVisible }" IsRunning="{ Binding IsIndicatorRunning }"  
                                                   Grid.Column="1"  Grid.Row="0"  HorizontalOptions="Center"  ></ActivityIndicator>
                  
                    <Button Text="{ x:Static local:GrialIconsFont.ArrowCircleLeft }" x:Name="Previous" Grid.Column="2" Grid.Row="0" 
                        IsVisible="False" FontFamily="{ StaticResource GrialIconsFill }" HorizontalOptions="Center"
						Style="{ StaticResource CircleActionButtonGradientStyle }" Clicked="Previous_Clicked"></Button>

            </Grid>
        </ContentView>


                        <StackLayout Padding="10" x:Name="TV1" IsVisible="True" >
                        
                            <Label Text="Enter your CPR" TextColor="White"></Label>
                            <input:AdvancedEntry
                                        Title=""
                                        Annotation="Phone"
                                        AnnotationColor="Crimson"
                                        IsRequired="True"
                                        MaxLength="9"
                                        MinLength="9"
                                        HeightRequest="70"
                                        TextFontSize="10"
                                        Placeholder="999988888"
                                        Text="{Binding CPR}"
                                         x:Name="txtCheckCPRNumber"
                                        TextColor="Black"
                                FlowDirection="LeftToRight"
                                        ValidationMessage="Please type your CPR number correctly" />

                            <Label Text="Select your ministry" TextColor="White"></Label>
                            <ListView x:Name="ddlMinistry"
                                        HorizontalScrollBarVisibility="Always"
                                        VerticalScrollBarVisibility="Always"
                                        HorizontalOptions="Fill"
                                        ItemsSource="{Binding MyList}" 
                                        SelectedItem="{Binding SelectedItem}"
                                        VerticalOptions="CenterAndExpand" >
                                <ListView.Header>
                                    <Grid Grid.Column="0" BackgroundColor="{DynamicResource MainMenuGradient}" Opacity="0.8" >
                                        <SearchBar x:Name="searchBar"
                                                       HorizontalOptions="Fill"
                                                       VerticalOptions="CenterAndExpand"
                                                       Placeholder="Search ..."
                                                       Style="{ StaticResource TranslucidSearchBarStyle }"
                                                       HorizontalTextAlignment="Start"
                                                       TextChanged="SearchBar_TextChanged"/>

                                        <Label Text="Select the Ministry"
                                               FontSize="Medium"
                                               FontAttributes="Bold"
                                               FlowDirection="LeftToRight"
                                               Grid.Row="1"
                                               Margin="5"
                                               HorizontalOptions="Fill"
                                               VerticalOptions="CenterAndExpand" ></Label>
                                    </Grid>
                                    
                                  
                                </ListView.Header>
                            </ListView>
                   
                        </StackLayout>
            </input:FormView>
    </StackLayout>

Android

IOS (** Please check the list records)

[jsuarezruiz]

The behavior is different in Android and iOS. Attached a reproduction sample:
Issue12273.zip