Questions tagged [shoutem]

Shoutem UI - Customizable set of components for React Native applications

Components for React Native applications

Shoutem UI is a set of styleable components that enables you to build beautiful React Native applications for iOS and Android.

Github: https://github.com/shoutem/ui

Docs: https://shoutem.github.io/docs/ui-toolkit/introduction

85 questions
18
votes
5 answers

Between NativeBase and Shoutem, which is best to use for React Native?

I find that there are 2 UI components for React Native which are mostly used. I want to use one of them. Which one of them is more easy to use and customizable ?
Kais
  • 1,544
  • 3
  • 18
  • 30
3
votes
0 answers

Shoutem - Add location permission in custom extension

I'm working on Shoutem application, I created a custom extension for display restaurants listing nearby user current location. It's required "android.permission.ACCESS_FINE_LOCATION" location, So I follow the step as per Shoutem document. (App…
3
votes
2 answers

Font loading error when using the ShoutemUI/TextInput component in a Exponent react-native framework

I'm trying to use shoutem/ui with exponent and I’m getting an error using the shoutem/ui textinput component, where I get the following error message fontFamily Rubik is not a system font and has not been loaded through…
MonkeyBonkey
  • 40,521
  • 63
  • 217
  • 426
2
votes
0 answers

Shoutem/React-Native Error: 'jest-haste-map: @providesModule naming collision'

I am using Shoutem and have tried running 'react-native run-ios' and running the xcode workspace file directly. Using both gives this error (I realize Restaurants is misspelled): Loading dependency graph...(node:22499)…
benziebox
  • 21
  • 2
2
votes
1 answer

How to correctly pass video into Shoutem HTML component?

I want to show video in HTML component, but when I pass a string let body = ''; to the component return…
Evgeniy
  • 2,539
  • 4
  • 18
  • 35
2
votes
1 answer

Hot to get selected value from another component?

I create a component Confirm.js with react-native that has two DropDownMenu and two
Morton
  • 4,322
  • 11
  • 42
  • 89
2
votes
1 answer

What is "Developer name" in shoutem login?

I started using shoutem. shoutem login needs Developer name, but I have never register Developer name to shoutem. What should I input? Enter developer name. ? Developer name # ← I don't know what should I input. Access denied, use `shoutem login`…
hiroga
  • 364
  • 3
  • 14
2
votes
0 answers

Adding a new button style to @shoutem/theme

I was able to get @Shoutem/theme working. I want to introduce a new button style along side all the others. Here is my code. const theme = Object.assign(UITheme(), { 'shoutem.ui.Button': { '.new-button': { flex: 1, flexDirection:…
2
votes
1 answer

How do I style a TextInput with a button in a row using Shoutem/UI for react native

I'm trying to basically create a search input field with a cancel button next to it but the TextInput doesn't show and the formatting is broken. I'm using the shoutem ui toolkit https://shoutem.github.io/docs/ui-toolkit/components/text-input How…
MonkeyBonkey
  • 40,521
  • 63
  • 217
  • 426
2
votes
1 answer

react-native link @shoutem/ui

I am having issues installing @shouted/ui. Seems like react-native link is not resolving the path correctly. React Native is attempting to access node_modules/@shoutem/ui/node_modules but there is no such folder, within the ui folder, which got me…
1
vote
0 answers

Shoutem cloud - add new item from react-native part

I've created a new data schema (using shoutem schema command) that looks like this: { "name": "auditlog", "title": "AuditLog", "titleProperty": "name", "type": "object", "properties": { "name": { "format": "single-line", …
1
vote
1 answer

How to set the last items not to be transparent in @shoutem/ui DropDownMenu?

im using drop down menu https://shoutem.github.io/docs/ui-toolkit/components/dropdown-menu by default it is set to be transparent last items in the menu, i was wondering if i can disable it since im only using 2 items in the menu and it makes my…
Sloth
  • 29
  • 5
1
vote
0 answers

How to run-android a shoutem clone project?

When I react-native run-android a shoutem clone project, first it was showing a development server error code 500..I changed the react-native and babel preset for react native from package.json. And now there is no error but the app crashes right…
1
vote
1 answer

How to set multiple select with @shoutem/ui DropDownMenu?

I use DropDownMenu and take a reference from official doumcn https://shoutem.github.io/docs/ui-toolkit/components/dropdown-menu I want to set two DropDownMenu the first is for zone and the second is for city, if user select the zone like East the…
Morton
  • 4,322
  • 11
  • 42
  • 89
1
vote
2 answers

TabNavigator only showing first tab

I'm developing a new app with RN and using TabNavigator from react-navigation library, the most basic example of TabNavigator only showing first Tab. I've read somewhere that it could be a bug and could be solved by downgrading react-navigation to…
1
2 3 4 5 6