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

Fix with:
content: {
flex: 1,
+ flexDirection: "row"
},
Result:

Environment:
Details
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
From
todo/listviewonwards need to addflexDirection: 'row'for the content view element, otherwise the width is only as much as the content:Fix with:
content: { flex: 1, + flexDirection: "row" },Result:
Environment:
Details
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