风格不能正常工作在阵营本地

我下面的教程使用来开发Android应用反应本土但很风格不能正常工作在阵营本地

边界未显示
没有顶部填充在一些奇怪的造型问题第一线
的侧滚轮的中心

这是我的代码：

import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    ListView, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 

class SimpleList extends Component { 
    constructor(props) { 
     super(props); 

     var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
     this.state = { 
      dataSource: ds.cloneWithRows(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i']) 
     }; 
    } 

    _renderRow(rowData) { 
     return <Text style={styles.row}>{rowData}</Text> 
    } 

    render() { 
     return (<View style={styles.container}> 
      <ListView 
       dataSource={this.state.dataSource} 
       renderRow={(e) => this._renderRow(e)}/> 
     </View>); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF' 
    }, 
    row: { 
    flex: 1, 
    fontSize: 24, 
    padding: 42, 
    borderWidth: 1, 
    borderColor: '#DDDDDD' 
    } 
}); 

export default SimpleList;

我的反应原生版本是0.30

来源

2016-07-22 user3833083

边境ü可以只创建功能：

border: function(color) { 
return { 
borderColor: color, 
borderWidth: 4 
    } 
}

你可以使用这样的：

<View style={this.border('green')}>

要调整高度，您可以使用，m arginTop或marginBottom

你可以使用滚动型像这样（确保进口滚动型）

<ScrollView> 
<Text style={{fontSize:96}}>Scroll me plz</Text> 
<Image source={require('./img/favicon.png')} /> 
</ScrollView>

来源

2016-07-22 20:12:44

我想我已经想通了

的顶部填充和边界是不工作的文本组件，它工作时，我包装文本与视图组件，并风格的包装，而不是
固定的滚动使用c ontentContainerStyle而不是样式属性来定义风格

不知道为什么它在本教程的工作虽然

来源

2016-07-23 17:18:10 user3833083

风格不能正常工作在阵营本地

回答

相关问题