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

Missing style - List view #13

Open
Graham42 opened this issue Feb 12, 2018 · 1 comment
Open

Missing style - List view #13

Graham42 opened this issue Feb 12, 2018 · 1 comment

Comments

@Graham42
Copy link

From todo/listview onwards need to add flexDirection: 'row' for the content view element, otherwise the width is only as much as the content:

image

Fix with:

  content: {
    flex: 1,
+   flexDirection: "row"
  },

Result:

image

Environment:

Output of react-native info:

Environment:
OS: Linux 4.4
Node: 8.9.4
Yarn: 1.3.2
npm: 5.6.0
Watchman: Not Found
Xcode: N/A
Android Studio: 3.0 AI-171.4443003

Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-native: 0.52.0 => 0.52.0

@browniefed
Copy link
Owner

Thanks, this tutorial was developed for a much older version of React Native which applied different default styles.

@Graham42 Graham42 changed the title Missing style Missing style - List view Feb 12, 2018
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