question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Select defaultAppearance is broken

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

  • bug report
  • feature request

Issue description

Current behavior: On iOS, trying to use a Select results in an error that has to due with an unsupported style configuration. This is using a very vanilla implementation of Select but I am using hooks.

Expected behavior: Should render a Select properly.

Steps to reproduce: Add a Select to some component.

Related code:

              <Select
                  data={items}
                  selectedOption={selectedOrg}
                  onSelect={(selectedOption: SelectOption): void => {
                    setSelectedOrg(selectedOption);
                  }}
               />

Here’s the error

console.error: "
Select: unsupported configuration.
Using UI Kitten components is only possible with configuring ApplicationProvider.
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/guides/install-ui-kitten#configure-application-root

In case you have all in place, there might be an incorrect usage of a "styled" function.
📖 Documentation: https://akveo.github.io/react-native-ui-kitten/docs/design-system/custom-component-mapping"

Object.__expoConsoleLog
    RemoteConsole.js:80:31
Object.console.error
    YellowBox.js:59:8
Object.error
    muteWarnings.fx.js:26:18
new
    styleConsumer.service.js:23:20
Wrapper._this.onInit
    styleConsumer.component.js:126:31
Wrapper._this.renderWrappedElement
    styleConsumer.component.js:140:25
renderWithHooks
    ReactNativeRenderer-dev.js:9473:17
mountIndeterminateComponent
    ReactNativeRenderer-dev.js:11993:12
beginWork
    ReactNativeRenderer-dev.js:12835:13

Other information:

I have a hunch its from this commit: https://github.com/akveo/react-native-ui-kitten/commit/6eec5ca#commitcomment-35059486

OS, device, package version

iOS 12.4, iPhone Xs Max simulator, 34.0.0

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
chandlervdwcommented, Sep 13, 2019

yep, latest of both fixed it. Thanks @32penkin

1reaction
chandlervdwcommented, Sep 13, 2019

I guess I need @eva-design/eva": "^1.1.0-beta.1"?

Read more comments on GitHub >

github_iconTop Results From Across the Web

scss hide select arrow, appearance & -webkit-appearance: none
The problem is that applying display: none to the ::ms-expand only hides the dropdown for Internet Explorer 10 and 11.
Read more >
appearance - CSS: Cascading Style Sheets - MDN Web Docs
The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme.
Read more >
appearance - CSS-Tricks
The appearance property is used to display an element using a platform-native styling based on the users' operating system's theme.
Read more >
Setting a default Theme not working? - ServiceNow Community
I'm trying to cause the default theme of my instance to be a particular theme. I've copied the user preference records seen in...
Read more >
Can't See the Theme in Chrome - Small Business - Chron.com
This option is available in the "Appearance" section of the Chrome settings, under the option "Reset to Default Theme." If the theme was...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found