Label-Text wird in iOS abgeschnitten

Question

Ich habe eine Schublade in meiner Dashboard-Seite und jedes Etikett abgeschnitten wird, habe ich verschiedene Dinge ausprobiert, aber kein Glück :(

Das ist mein Fach-Code:

<!-- >> sidedrawer-over-navigation-drawer --> 
<dpg:DrawerPage.sideDrawer> 
    <drawer:RadSideDrawer id="mainMenuDrawer" gesturesEnabled="true"> 
     <drawer:RadSideDrawer.drawerContent> 
      <GridLayout rows="75, *" columns="300" class="mainMenuContent"> 
       <StackLayout row="0" verticalAlignment="middle" horizontalAlignment="center"> 
        <Label text="Main Menu" class="mainMenuHeader" /> 
       </StackLayout> 
       <lv:RadListView items="{{ menuItems }}" row="1" class="mainMenuItems"> 
        <lv:RadListView.listViewLayout> 
         <lv:ListViewLinearLayout scrollDirection="Vertical"/> 
        </lv:RadListView.listViewLayout> 
        <lv:RadListView.itemTemplate> 
         <GridLayout rows="50" columns="50, *" class="mainMenuItems"> 
          <Label class="fa mainMenuItemIcon" col="0" text="{{ icon | fonticon }}" horizontalAlignment="center" verticalAlignment="middle" /> 
          <Label class="mainMenuItemLabel" col="1" text="{{ title }}" horizontalAlignment="left" verticalAlignment="middle" /> 
         </GridLayout> 
        </lv:RadListView.itemTemplate> 
       </lv:RadListView> 
      </GridLayout> 
     </drawer:RadSideDrawer.drawerContent> 
    </drawer:RadSideDrawer> 
</dpg:DrawerPage.sideDrawer> 
<!-- << sidedrawer-over-navigation-drawer --> 

im Bild sehen Sie, was los ist.

Jede Idee, was auf?

Dank !!!

wird

Answer 1

Versuchen Sie, diese Etiketten auf eine Breite von 100% oder eine Breite einzustellen, die lang genug ist, um allen Ihren Text zu passen. das wird sie abschneiden

Answer 2

Es gibt keine verticalAlignment="middle". Sein top, center, bottom or stretch. Dies kann sich auf Ihre Etiketten auswirken. Versuchen Sie auch, den Stamm GridLayout columns="300" zu entfernen.

Answer 3

Ihre Ausrichtung im Hauptmenü ist redundant, versuchen Sie stattdessen die vertikale Ausrichtung zu verwenden und passen Sie die Größe der Spalten der GridLayout an. Beispiel:

<GridLayout rows="50" columns="50, *" class="mainMenuItems"> 

set columns="(set column size) , (set column size) ". 

Answer 4

Verwenden Sie immer <Label textWrap="true", um diese Babys fit zu machen.