examples icon indicating copy to clipboard operation
examples copied to clipboard

Missing style - List view

Open Graham42 opened this issue 7 years ago • 1 comments

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

Graham42 avatar Feb 12 '18 01:02 Graham42

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

browniefed avatar Feb 12 '18 02:02 browniefed