TextBlock не заполняет окно мобильного телефона

Question

У меня есть ниже код

<!--LayoutRoot is the root grid where all page content is placed--> 
    <Grid x:Name="LayoutRoot" Background="Transparent" Loaded="LayoutRoot_Loaded"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="70"/> 
     </Grid.RowDefinitions> 
     <!--TitlePanel contains the name of the application and page title--> 
     <TextBlock x:Name="ApplicationTitle" FontWeight="Bold" Padding="20,0,0,0" Grid.Row="0" Text="فرآن کریم"/> 


     <ListBox x:Name="myListBox" Grid.Row="1" Padding="0,0,0,0" ScrollViewer.VerticalScrollBarVisibility="Visible"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Vertical" Background="{Binding Converter={StaticResource AlternateRowConverter}}" Tap="pQuranAya_Tap"> 
         <TextBlock Width="Auto" Text="{Binding Aya}" Foreground="Black" FontSize="50" Padding="20,0,0,20" TextWrapping="Wrap" Tap="TextBlock_Tap" /> 
         <StackPanel Background="Black" /> 
         <TextBlock Width="Auto" Text="{Binding AyaTranslation}" Foreground="Black" FontSize="35" Padding="20,0,0,20" TextWrapping="Wrap" /> 
        </StackPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 

Я хочу TextBlock должен быть всегда в размер окна, но его размер текста. Как это сделать, чтобы заполнить размер окна?

Спасибо,

Answer 1

Удалить <TextBlock Width="Auto" и добавить <TextBlock HorizontalAlignment="Stretch". После этого ваш текстовый блок будет соответствовать родительскому контейнеру (окно, сетка, стекпанель).

Answer 2

Remove Перетяжка = «20,0,0,20» И Margin (если у Вас есть в этом Кодексе)