shoutem/shoutem.github.io

Supercharging React Native development

Shoutem

Shoutem is a platform for building beautiful React Native mobile apps. The easiest way to understand what Shoutem is to think of it as the WordPress for mobile apps. Apps are divided into smaller modules, called extensions. On WordPress you build a website out of plugins; on Shoutem you build a mobile app out of extensions. This architecture helps us achieve big development efficiency.

Community

Join our community on Facebook. Also, feel free to ask a question on Stack Overflow using "shoutem" tag.

Feature requests

We would like to know what you want to do with Shoutem extensions. Feel free to raise issues with feature requests and upvote the ones labeled as a feature request, so we can know what you need the most. We're going to put label in progress for the features that we decide to implement.

React Native

Shoutem app is a React Native app. We designed extensions’ architecture with the goal not to add overhead over pure React Native. If you know React Native, you will know how to write Shoutem extensions. If you're just starting with React Native, check out our React Native School.

Marketplace

Shoutem prepared and open sourced a lot of extensions that you can use in your apps. Don’t reinvent the wheel: reuse extensions which are suitable for you, customize them or create new ones. You can find the full list of extensions here.

Customization

All our extensions are open sourced, so you can modify anything you want by simply forking them. You can also write your own ones from scratch.

Tools and docs

We've prepared tools to speed up your extension development like Shoutem CLI, Shoutem UI toolkit for faster component development and documented all the concepts on this developer's portal.

If you find some bug or have a suggestion on how to improve anything, feel free to contribute or raise an issue!

Start creating your apps!

If you’re not already using Shoutem, you can create your account here, and start developing beautiful mobile apps.

shoutem.github.io's Issues

Must be a shoutem member?

Must I be a shoutem member in order to use ShoutemUI?

Documentation is out of date

shoutem push
WARNING: shoutem publish command is deprecated. Use shoutem extension publish instead

Abbility to select Stores for Deals not only Places

Hi Team,

It would be great if I could select stores and/or places while creating deals instead of only places. This has to do with the fact that stores and places both will have deals and not only places. I know with custom development Stores could be selected but having both would be the best way forward I think.

I hope this could be a feature for the future!

Cheers!

Bram

No file for docs/ui-toolkit/components/touchable

Unrecognized font family 'Rubik-Regular'

Hey guys,

I followed the Hello World demo exactly as stated on:

http://shoutem.github.io/docs/ui-toolkit/introduction

But received this on the simulator:

'Unrecognized font family 'Rubik-Regular'

24h clock in Deals not available

Hi Team!

Recently I was in contact with the Support team about a 24h clock in Deals. This is unfortunately not available for Deals but it is within Events App. After corresponding with the support team the 24 hour clock is not part of the design. That's a pity as that makes the Deals app is not useable for users/countries not using a 24 hour clock, as AM/PM is not being used nor counting above 12 hours isn't supported.

The Events App is having this functionality. It would be great to have this feature in the Deals app too :)!

I hope the team is able to add this feature. It might be an easy addition as possibly this could be copied form the Events App.

Cheers!

Bram

NavigationExperimental deprecated in Latest React Native versions.

Please remove that dependence from Theme.js

How do I display an animated gif in Photos?

How can I display an animated gif in Photos?
In video it works, but in photos it's more like a still image.

If anyone knows of any, I would appreciate it if you could tell me.

How to update dependencies of shoutem application

I'm Woking on a shoutem application. Where I'm trying to run application on ios from react-native run-ios command and its throw an error Print: Entry, “:CFBundleIdentifier”, Does Not Exist

I'm using xcode 10 and my project react-native version is 0.56

I also create a new shoutem application which have react-native version 0.59.10 when I run this new application its working fine.

stack overflow :
https://stackoverflow.com/q/58010485/9671445

not working with the latest react-native v.40

shoutem cant work with the latest react-native version
after initializing react-native i did install shoutem and linked it "rnpm link" then i couldnt launch xcode
build failed due to RTCLog error

rtl support

does it support rtl support or when does it going to be added to it?
or below method enable supporting rtl or not?
https://facebook.github.io/react-native/blog/2016/08/19/right-to-left-support-for-react-native-apps.html

Touchable link is broken

The Touchable menu item seems broken.
Can't seem to find the page in source - so I'm guessing the link should be removed?

Leverage expo for demos

While looking through the docs, the first thing I wanted to do it try it on my device. The lease path of resistance would be to scan a barcode for expo. Maybe a demo should be made for expo? Even better multiple demos.

Fix TextInput documentation

We're using the same example for TextInput, which is not correct for all the examples we're providing on the docs. See #47 PR.

Error during start application on android device

Hi, I just followed the steps to get running the HelloWorld app from your site, but after a succesfull build process, I get the red screen with the text:

Application HelloWorld has not been registered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent

The code is the HelloWorld app.

gustavo@dev: node -v
v4.2.1
gustavo@dev: npm -v
4.3.0
gustavo@dev: react-native -v
react-native-cli: 2.0.1
react-native: 0.42.0

Any clue?

"ImagePreview" has warning about "animated" property

When "ImagePreview modal" is opening, warning has occured.

message : "YellowBox.js:80 animated supplied to Modal has been deprecated. Use the animationType prop instead."

react-native run-ios BUILD-FAILED

Steps:

1. Create an app on the Shoutem builder site
2. Login via terminal and Clone the app
3. Run react-native run-ios

** BUILD FAILED **

The following commands produced analyzer issues:
Analyze /Users/thuynguyen/Development/sandbox/TestApp/node_modules/react-native/React/Base/RCTUtils.m normal x86_64
Analyze /Users/thuynguyen/Development/sandbox/TestApp/node_modules/react-native/React/Base/RCTModuleMethod.mm normal x86_64
(2 commands with analyzer issues)

The following build commands failed:
CompileC /Users/thuynguyen/Development/sandbox/TestApp/ios/build/Build/Intermediates.noindex/RCTFBSDK.build/Debug-iphonesimulator/RCTFBSDK.build/Objects-normal/x86_64/RCTFBSDKShareHelper.o /Users/thuynguyen/Development/sandbox/TestApp/node_modules/react-native-fbsdk/ios/RCTFBSDK/share/RCTFBSDKShareHelper.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/AlohaHealthNetwork.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/AlohaHealthNetwork.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Getting Started documents has a typo

$ gem install coacoapods
This should be
$ gem install cocoapods

Also, when following the tutorial I came up with the following dependencies missing. Might be worth adding the to the prerequisites section.
npm install -g yarn

i cant install in windows

I try to install shoutem UI in my system (windows) I got these issues

npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/shoutem/react-nat
ive-lightbox.git

please help me to fix that issue.

View was rendered with explicitly set width/height but with a 0 flexBasis.

Hi, I am getting this error : View was rendered with explicitly set width/height but with a 0 flexBasis. (This might be fixed by changing flex: to flexGrow:) View: <RCTShadowView: 0x6080001ba780; viewName: RCTView; reactTag: 89; frame: {{0, 0}, {375, 65}}>

I am getting this error when the data is changed dynamically in ListView. I am using firebase as database layer, so when a data is sync'd in my redux store it gives this error.

This works around a breaking change in css-layout where setting flexBasis needs to 
be set explicitly, instead of relying on flex to propagate.

We check for it by seeing if a width/height is provided along with a flexBasis  
of 0 and the width/height is laid out as 0.

This is stated in react-native code, but I need to know if @shoutem is creating this issue as I am using all render components from shoutem (ListView, View ...).

@shoutem/ui: 0.10.8
react-native: 0.39.0

Explain DropDownMenu render cycle

See #66

ListView component cannot be programmatically scrolled

Hi shoutem,

I realised that while react native original ListView component has methods .scrollTo() and .scrollToEnd(), such methods are not made available for shoutem ui ListView. Can it be introduced?

Documentation down?

Currently I'm not able to load the documentation site, always getting a 404:

http://shoutem.github.io/docs/extensions/getting-started/introduction

questions about ecosystem

I ran across your project the other day. It looks pretty incredible. You guys have really built up quite an ecosystem around react-native. I've been looking around your source files and I'm trying to get an idea of what everything does and which things are not open sourced. I noticed that a few packages are missing from github such as the shoutem core. I also don't see the app builder. Will these be a part of your premium payment plan only?

Also, it looks like the apps are designed to take live updates via the redux-io library and a json api. I assume you also have a private backend for supplying published data via the CMS?

Problemas para instalar

Descargue su código según lo indican en el documento de instalación pero se queda estancado en la descarga por mas de 1 hora, pensé podía ser mi conexión pero navego sin problemas, hay algún paquete descontinuado?

Unable to install (error)

Hi I tried to install the shoutem/ui using npm install @shoutem/ui --save and I get the following error message.

`npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno -4058
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t ssh://[email protected]/shoutem/react-native-lightbox.git
npm ERR! enoent
npm ERR! enoent
npm ERR! enoent spawn git ENOENT
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xxxxxx\AppData\Roaming\npm-cache_logs\2020-02-09T14_30_08_378Z-debug.log`

Missing info: editing builder-created screens locally

I've created an app using Shoutem Builder, but the builder isn't allowing me to use iframes, so I've created a local copy with shoutem clone so I can edit the screens which require iframes myself.

Here's the issue: the documentation has information on editing a screen created using the CLI, but I'm unable to find anything related to how to locate and edit individual screens that were created in the builder.

Would these screens need to be deleted using the builder and created one-by-one using the CLI in order to be edited locally? The app compiles and runs great in the simulator and includes all of the screens, so the screens must be somewhere in my local copy, but I've searched for them for several hours to no avail.

License on this repository?

Whats the License on this repository? I noticed the UI repo is BSD and there isn't one here.