React-Native：在ListView旁边创建TextInput时遇到问题

Question

我无法设置我的测试React-Native应用程序，其中视图由TextInput（搜索栏），ListView（电影列表）和TabBarIOS组成。我尝试了许多不同的Flexbox设置，但未能在TextInput旁边设置ListView。有人可以帮忙吗？

Screenshot of my test React-Native app

以下是相关代码：

  render: function() {
    if (!this.state.loaded) {
      return this.renderLoadingView();
    }
    return (
      <View style={styles.container}>
        <TextInput style={styles.searchbox}
          placeholder="Search a movie..." 
        />
        <ListView styles={styles.separator}
          dataSource={this.state.dataSource}
          renderRow={this._renderMovie}
        />
      </View>
    );
  },

CSS样式：

  container: {
    flex: 1,
  },
  searchbox: {
    marginTop: 64,
    padding: 3,
    fontSize: 20,
    borderColor: 'red',
    borderWidth: 1,
    height: 30,
    paddingLeft: 8,
    flexDirection: 'row',
  },
  separator: {
    height: 1,
    backgroundColor: '#eeeeee',
  },

Answer 1

尝试以下方法：

    container: {
      flexDirection: 'row',
    }