react / react/react-native

Cannot use DynamicColorIOS or PlatformColor with Share tintColor option

Offen
#30,396 6 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

API: Share Needs: Repro Needs: Triage :mag: Never gets stale Platform: iOS
Vorherrschende Sprache
C++
Sterne
127k
Forks
25.3k
Ø Merge
1 T. 23 Std.
Gemergte PRs (30 T.)
4

Beschreibung

Description

Following up with my previous issue regarding the new PlatformColor and DynamicColorIOS APIs. I like this quest!

I've encountered another issue, this time when using these new color APIs with the Share API. Anytime I try to use either a PlatformColor or DynamicColorIOS as the tint color I get the following error:

[Fri Nov 13 2020 19:51:50.612]  WARN     Possible Unhandled Promise Rejection (id: 3):
Invariant Violation: Unexpected color given for options.tintColor

React Native version:

System:
    OS: macOS 11.0.1
    CPU: (8) x64 Intel(R) Core(TM) i7-6700K CPU @ 4.00GHz
    Memory: 20.24 MB / 20.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.3.0 - /var/folders/n8/l8xdjt192lb9lpfrkyh9v57m0000gn/T/yarn--1605466607306-0.2082520059346018/node
    Yarn: 1.22.5 - /var/folders/n8/l8xdjt192lb9lpfrkyh9v57m0000gn/T/yarn--1605466607306-0.2082520059346018/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.3.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.10.0 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 14.2, DriverKit 20.0, macOS 11.0, tvOS 14.2, watchOS 7.1
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-28 | Intel x86 Atom_64
      Android NDK: Not Found
  IDEs:
    Android Studio: 4.1 AI-201.8743.12.41.6953283
    Xcode: 12.2/12B45b - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_272 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.3 => 0.63.3 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Use a PlatformColor or DynamicColorIOS to set the tint color option for the Share API
  2. Call the share API
  3. No share sheet appearing and error in the logs

Expected Results

Share sheet should appear without errors

Snack, code example, screenshot, or link to a repository:

import { PlatformColor, Share } from 'react-native'

const shareWithPlatformColor = () => Share.share('This is a nice content to share', {
  tintColor: PlatformColor('systemYellow'),
})

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit dem React Native Share API-Einstiegspunkt und reproduziere das Problem mit dem bereitgestellten PlatformColor-Beispiel auf iOS. Verfolge die tintColor-Validierung, die „Unexpected color given for options.tintColor.“ erzeugt. Als erledigt gilt die Aufgabe, wenn das Share Sheet ohne Fehler angezeigt wird, sobald tintColor PlatformColor oder DynamicColorIOS verwendet.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
ios, javascript, react
Bereich
api, mobile
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.