Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TextView color changes to black when the field blurs. #274

Open
kfisto opened this issue Sep 8, 2020 · 2 comments
Open

TextView color changes to black when the field blurs. #274

kfisto opened this issue Sep 8, 2020 · 2 comments

Comments

@kfisto
Copy link

kfisto commented Sep 8, 2020

Environment
Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

  • CLI: 6.8.0
  • Cross-platform modules: 6.5.1
  • Android Runtime: 6.5.3
  • iOS Runtime: 6.5.2
  • Plugin(s): 2.3.0

Describe the bug
This is a run-time error. When a textview loses focus, the text color is reverts to black when running on an iOS device with dark mode enabled, despite the fact that when text is entered, it shows up white. When focus is returned to the TextView, additional text does show up in light colored text, but the text already entered is still black.

To Reproduce
Create an app from the angular template. Modify the home.component.html file with the following code:

<ActionBar>
    <Label text="Home"></Label>
</ActionBar>

<GridLayout rows="auto, *">
    <!-- Add your page content here -->

    <TextField row="0"></TextField>
    <TextView row="1"></TextView>

</GridLayout>

Switch the simulator or device to dark mode. Run the app.

Expected behavior
The text color should be light colored regardless of whether the field is being edited or not.

Sample project

Additional context

@NathanaelA

This comment was marked as abuse.

@kfisto
Copy link
Author

kfisto commented Sep 8, 2020

This is the package.json for the sample app:

{
  "nativescript": {
    "id": "org.nativescript.tvtest",
    "tns-android": {
      "version": "6.5.0"
    },
    "tns-ios": {
      "version": "6.5.0"
    }
  },
  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "repository": "<fill-your-repository-here>",
  "dependencies": {
    "@angular/animations": "~8.2.0",
    "@angular/common": "~8.2.0",
    "@angular/compiler": "~8.2.0",
    "@angular/core": "~8.2.0",
    "@angular/forms": "~8.2.0",
    "@angular/platform-browser": "~8.2.0",
    "@angular/platform-browser-dynamic": "~8.2.0",
    "@angular/router": "~8.2.0",
    "@nativescript/theme": "~2.3.0",
    "nativescript-angular": "~8.21.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "^6.4.0",
    "tns-core-modules": "~6.5.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~8.2.0",
    "@ngtools/webpack": "~8.2.0",
    "nativescript-dev-webpack": "~1.5.0",
    "typescript": "~3.5.3"
  },
  "gitHead": "20a65d338ae8f8911087ab6615b89363f864b07b",
  "readme": "NativeScript Application"
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants