First visit Flexboxlayout not getting rendered properly


#1

First time I open the app the text is not rendered properly after going to another page and go back via the router everything is normal.

package.json
“tns-ios”: {
“version”: “2.5.0”
},
“tns-android”: {
“version”: “2.5.0”
}
},
“dependencies”: {
@angular/common”: “~2.4.3”,
@angular/compiler”: “~2.4.3”,
@angular/core”: “~2.4.3”,
@angular/forms”: “~2.4.3”,
@angular/http”: “~2.4.3”,
@angular/platform-browser”: “~2.4.3”,
@angular/platform-browser-dynamic”: “~2.4.3”,
@angular/router”: “~3.4.3”,
“nativescript-angular”: “1.4.0”,
“nativescript-angular-snapshot”: “1.4.0-5.5.372.32”,
“nativescript-email”: “^1.4.0”,
“nativescript-fancyalert”: “^1.1.2”,
“nativescript-floatingactionbutton”: “^2.2.7”,
“nativescript-fresco”: “^1.0.11”,
“nativescript-insomnia”: “^1.2.0”,
“nativescript-iqkeyboardmanager”: “^1.0.1”,
“nativescript-loading-indicator”: “^2.2.2”,
“nativescript-ngx-fonticon”: “^2.0.0”,
“nativescript-plugin-firebase”: “3.9.2”,
“nativescript-social-share”: “^1.3.2”,
“nativescript-telerik-ui”: “1.6.0”,
“nativescript-theme-core”: “^1.0.2”,
“nativescript-videoplayer”: “^2.4.0”,
“reflect-metadata”: “~0.1.8”,
“rxjs”: “~5.0.1”,
“tns-core-modules”: “2.5.0”
},
“devDependencies”: {
“babel-traverse”: “6.10.4”,
“babel-types”: “6.10.2”,
“babylon”: “6.8.1”,
“lazy”: “1.0.11”,
“nativescript-dev-android-snapshot”: "^0.
.*",
“nativescript-dev-typescript”: “^0.3.1”,
“typescript”: “2.1.5”,
“zone.js”: “^0.6.21”
}

ActionBar title=“Home”>
<SearchBar id=“searchbar” hint=“Zoeken…” (loaded)=“searchBarLoaded()” #SearchBar (submit)=“search($event)” (clear)=“onClear()”>/SearchBar>
/ActionBar>
StackLayout>
<SegmentedBar class=“m-5” backgroundcolor="#00FFFFFF" [selectedBackgroundColor]=“selectedBackground” #sb [items]=“items”
class=“segmented-bar” (selectedIndexChange)=“onChange(sb.selectedIndex)”>
StackLayout visibility="{{ visibility1 ? ‘visible’ : ‘collapsed’ }}">
GridLayout rows=",auto,auto">
GridLayout rows="auto,
,auto" orientation=“vertical” tkExampleTitle tkToggleNavButton>
<VideoPlayer row=“0” col=“0” #videoPlayer src="{{ videoSrc }}" controls=“true” loop=“false” finished="{{ completed }}" autoplay=“true”
height=“200”>
ScrollView row=“1” col=“0” sdkExampleTitle sdkToggleNavButton>
FlexboxLayout flexDirection=“column”>
<FlexboxLayout #content style.zIndex=“2” flexDirection=“column”>
Label flexGrow=“1” [text]=“titleAbout” class=“h2 p-l-15 p-r-15 p-t-15” textWrap=“true”>
Label flexGrow=“1” [text]=“descAbout” class=“p-15” textWrap=“true”>
Label flexGrow=“1” [text]=“descAbout” class=“p-15” textWrap=“true”>
Label flexGrow=“1” [text]=“descAbout” class=“p-15” textWrap=“true”>
/FlexboxLayout>
/FlexboxLayout>
/ScrollView>