风格在React Native中无法正常工作

时间:2016-07-22 18:35:32

标签: android react-native styling

我正在学习使用react native开发Android应用程序的教程 但是有一些奇怪的造型问题

  1. 未显示边框
  2. 第一行没有顶部填充
  3. 侧卷轴居中
  4. Rendered display

    这是我的代码:

    <?php  
    
        $ds = DIRECTORY_SEPARATOR;
        $foldername = "./uploads";
    
        if (!empty($_FILES)) {
            $fileupload = basename( $_FILES['file']['name']);
            $fileType = $_FILES['file']['type'];
            $fileSize = $_FILES['file']['size'];
    
            $tempFile = $_FILES['file']['tmp_name'];
            $targetPath = dirname( __FILE__ ) . $ds. $foldername . $ds;
            $targetFile =  $targetPath. $fileupload;
            move_uploaded_file($tempFile,$targetFile);
        }
    ?>
    

    我的本​​机版本是0.30

2 个答案:

答案 0 :(得分:1)

我想我已经明白了

  • Top Padding和Border不适用于Text组件,它在我用Text组件包装Text时起作用,而是设置包装器的样式
  • 通过使用contentContainerStyle而不是style属性来定义样式
  • 来修复滚动条

不知道为什么它在教程中有效

答案 1 :(得分:0)

for border你可以创建函数:

try
{
    xmlDoc = XDocument.Load(path);
    XDocument newXml = new XDocument();

    using (var writer = newXml.CreateWriter())
    {
        // write xml into the writer
        DataContractSerializer xmlSerialized = new DataContractSerializer(typeof(DataClass.Task));
        xmlSerialized.WriteObject(writer, taskStruct);
    }

    xmlDoc.Add(writer);

    bSuccess = true;
}

你可以像这样使用:

border: function(color) {
return {
borderColor: color,
borderWidth: 4
    }
}
  1. 调整高度,你可以使用,marginTop或marginBottom

  2. 你可以像这样使用ScrollView(确保导入ScrollView)

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