Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Container component isn't available through reapp-kit #1

Closed
miyamotodev123 opened this issue Apr 18, 2015 · 3 comments
Closed

Container component isn't available through reapp-kit #1

miyamotodev123 opened this issue Apr 18, 2015 · 3 comments

Comments

@miyamotodev123
Copy link

I'm trying to render a container component by importing it through the reapp-kit but when I try to render there is a Uncaught TypeError: Cannot read property 'toUpperCase' of undefined. I looked through the reapp-ui code and it lists Container as an available component so not too sure why it's not working with reapp-kit. Is there any way to use the Container component and the grid system with reapp?

my code:

import { 
  React, 
  View,
  Button,
  Container
} from 'reapp-kit';

export default class extends React.Component {
  render() {
    return (
      <View
        {...this.props}
        title="Container">

        <Container>
          <Button>some button</Button>
        </Container>
      </View>
    );
  }
}
@natew
Copy link
Contributor

natew commented Apr 18, 2015

Sorry, the docs are out of date. I'm going to work on updating them soon. It's been moved into Grid. Grid.Container

On Apr 18, 2015, at 2:23 PM, Ken Miyamoto notifications@github.com wrote:

I'm trying to render a container component by importing it through the reapp-kit but when I try to render there is a Uncaught TypeError: Cannot read property 'toUpperCase' of undefined. I looked through the reapp-ui code and it lists Container as an available component so not too sure why it's not working with reapp-kit. Is there any way to use the Container component and the grid system with reapp?

my code:

import {
React,
View,
Button,
Container
} from 'reapp-kit';

export default class extends React.Component {
render() {
return (
<View
{...this.props}
title="Container">

    <Container>
      <Button>some button</Button>
    </Container>
  </View>
);

}
}

Reply to this email directly or view it on GitHub.

@miyamotodev123
Copy link
Author

Ok thanks! The Grid.Container works now, I have two buttons in a container but they aren't spread out evenly. I'm excited for the updated docs but in the meantime I'll just use custom styles with flexbox on some divs to spread elements out the way I want. Let me know if I can help you out with the docs in any way. We were using React-Native but got interested in Reapp since it works for android too.

@natew
Copy link
Contributor

natew commented Apr 19, 2015

Added this to the latest reapp-ui, if you reinstall reapp-kit just plain Container should work as well.

@natew natew closed this as completed Apr 19, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants