Theme integration

[hetmann]

• added withGalio, GalioProvider, GalioTheme

[paullaros]

Neat! Really like the naming conventions you're using.

[palingheorghe]

Hi,
I encountered some problems while testing out this in a different app.

How I found out about the problems:

1. I initialized another Expo app. (React v16.5, Expo v31.0.2)
2. I added all the necessary files from the 'theme' branch ( I basically transferred the 'src' folder and renamed it in 'components' )
3. in my App.js I imported GalioProvider and withGalio.
4. I have now tried several different ways of playing around with these.

Using GalioProvider
From my understanding this component's behavior should be the following:

• The children of GalioProvider should have acces to our default theme through Context
• I should be able to pass down my own theme through the Provider

Right now I cannot find any way of configuring the default theme (or creating a completly different theme) and then pass down my new or modified theme through the Provider. (The Provider doesn't accept any new value as it's using a static variable pre-defined in the theme/index.js file)

Using withGalio
The behavior I was expecting:

• The component I'm using with withGalio should be able to acces my theme through the styles variable

const styles = theme => StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: theme.COLORS.FACEBOOK
  }
});
export default withGalio(App, styles);

This is working ✅ . My bgColor turned blue using the variable like this in a View component.

<View style={this.props.styles.container}>

I think we need to better define the purpose of both functions and maybe create some sort of config function in order to configurate the already existent theme or create a new one.
The only way of creating a new theme, right now as far as I see, is to go directly into the theme folder and modify the existing file which is not the best UX for people who want to use Galio as their main UI library.

Thanks! 🤙🏽

[palingheorghe]

✅Both 'withGalio' and 'GalioProvider' functions work correctly now.

We'll just have to change the package.json file (more about this above) and we're good to go, at least from my perspective.

Thanks! ❤️🤙🏽

[hetmann]

✅Both 'withGalio' and 'GalioProvider' functions work correctly now.

We'll just have to change the package.json file (more about this above) and we're good to go, at least from my perspective.

Thanks! ❤️🤙🏽

Just updated to version 0.4.0 that fixed the custom theme pass from GalioProvider
To use it install the latest version npm install galio-framework@latest or yarn add galio-framework@latest

[AntelaBrais]

Amazing work @hetmann 👌

[hetmann]

Just to inform you guys & girls :) I'm writing a small README for the theme to understand how to use it & customise your components. I'll publish the updates in no time :)

[palingheorghe]

This is it! We're now ready to merge this beautiful new feature into the Alpha-1 branch.

Good job everyone! Nice!

🤙🏽