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

Question

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

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



这是我的代码：

<?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

Answer 1

我想我已经明白了

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

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

Answer 2

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')}>