FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

Background Image Failing · Issue #4143 · NativeScript/NativeScript · GitHub

Background Image Failing #4143

Description

Please, provide the details below:

When I use in my css

.bg-background {
    background-image: url("https://www.bodybuilding.com/images/2016/june/8-benefits-to-working-out-in-the-morning-header-v2-830x467.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

and in my html

...
    <FlexboxLayout flexDirection="column" class="legend-wrapper bg-background" flexGrow="1">
        <Label text="TyFitt" class="title"></Label>
        <Label text="Workout is a life style." class="legend"></Label>
    </FlexboxLayout>
...

This error happends

7   0x10fb24e92 CA::Context::commit_transaction(CA::Transaction*)
8   0x10fb51130 CA::Transaction::commit()
9   0x10fb51b37 CA::Transaction::observer_callback(__CFRunLoopObserver*, unsigned long, void*)
10  0x10e019717 __CFRUNLOOP_IS_CALLING_OUT_TO_AN_OBSERVER_CALLBACK_FUNCTION__
11  0x10e019687 __CFRunLoopDoObservers
12  0x10dffe720 __CFRunLoopRun
13  0x10dffe016 CFRunLoopRunSpecific
14  0x10f3cba24 GSEventRunModal
15  0x10b1e10d4 UIApplicationMain
16  0x10a6648ed ffi_call_unix64
17  0x128ade870
file:///app/tns_modules/tns-core-modules/ui/styling/background.js:223:15: JS ERROR TypeError: null is not an object (evaluating
 'params.sizeX')
May  9 00:02:10 Jonathans-MBP com.apple.CoreSimulator.SimDevice.412B2668-1DA3-40F4-817D-3CCACF62450D.launchd_sim[4221] (UIKitAp
plication:org.nativescript.mobile[0xf386][4243][8945]): Service exited due to Segmentation fault: 11
12:02:11 AM - Compilation complete. Watching for file changes.

I'm using

"nativescript": {
    "id": "org.nativescript.mobile",
    "tns-ios": {
      "version": "3.0.0"
    },
    "tns-android": {
      "version": "3.0.0"
    }
  },
  "dependencies": {
    "@angular/common": "4.0.0",
    "@angular/compiler": "4.0.0",
    "@angular/core": "4.0.0",
    "@angular/forms": "4.0.0",
    "@angular/http": "4.0.0",
    "@angular/platform-browser": "4.0.0",
    "@angular/platform-browser-dynamic": "4.0.0",
    "@angular/router": "4.0.0",
    "nativescript-angular": "~3.0.0",
    "nativescript-theme-core": "~1.0.4",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.2.0",
    "tns-core-modules": "~3.0.0",
    "zone.js": "~0.8.5"
  },
  "devDependencies": {
    "babel-traverse": "6.24.1",
    "babel-types": "6.24.1",
    "babylon": "6.17.0",
    "lazy": "1.0.11",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-sass": "^1.1.1",
    "nativescript-dev-typescript": "^0.4.0",
    "typescript": "~2.2.1"
  }

The app only keep working when I am not using this class, and I try to load the image with the Image tag and it works

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions


    Back | FazBrowse Home | New Git URL