如何在原生反应中使textfield多行?

时间:2016-08-15 06:42:49

标签: react-native textfield multiline

我有文字名称。当我写下这个名字时,它会直接排成一行。我希望它到达下一行后达到文本字段的宽度。当我使用multiline = 'true'时,我收到错误:

  

更新由以下方式管理的视图的属性“多行”时出错:   Android TextInput。

这是我的代码:

<TextField 
      label = {'Name :'}
      highlightColor = {'#00BCD4'} 
      style = {{height: 40}}
      multiline = 'true' />

3 个答案:

答案 0 :(得分:2)

Function New-VMByASM { [CmdletBinding()] Param ( [Parameter(Mandatory=$true)][String] $VMName, [Parameter(Mandatory=$false)][String] $VMLabelPattern = "*Windows Server 2012 Datacenter*", [Parameter(Mandatory=$false)] [ValidateSet("North Europe", "East US", "South Central US", "Central US", "East US 2", "West US", "West Europe", "Southeast Asia", "East Asia", "Japan West", "Japan East")] [String]$Location = "East Asia", [Parameter(Mandatory=$false)] [ValidateSet("ExtraSmall", "Small", "Medium", "Large", "ExtraLarge", "A5", "A6", "A7", "A8", "A9", "A10", "A11", "Basic_A0", "Basic_A1", "Basic_A2", "Basic_A3", "Basic_A4", "Standard_D1", "Standard_D2", "Standard_D3", "Standard_D4", "Standard_D11", "Standard_D12", "Standard_D13", "Standard_D14", "Standard_D1_v2", "Standard_D2_v2", "Standard_D3_v2", "Standard_D4_v2", "Standard_D5_v2", "Standard_D11_v2", "Standard_D12_v2", "Standard_D13_v2", "Standard_D14_v2", "Standard_DS1", "Standard_DS2", "Standard_DS3", "Standard_DS4", "Standard_DS11", "Standard_DS12", "Standard_DS13", "Standard_DS14", "Standard_DS1_v2", "Standard_DS2_v2", "Standard_DS3_v2", "Standard_DS4_v2", "Standard_DS5_v2", "Standard_DS11_v2", "Standard_DS12_v2", "Standard_DS13_v2", "Standard_DS14_v2", "Standard_G1", "Standard_G2", "Standard_G3", "Standard_G4", "Standard_G5", "Standard_GS1", "Standard_GS2", "Standard_GS3", "Standard_GS4", "Standard_GS5", "Standard_F1", "Standard_F2", "Standard_F4", "Standard_F8", "Standard_F16", "Standard_F1s", "Standard_F2s", "Standard_F4s", "Standard_F8s", "Standard_F16s")] [String]$VMSize = "Basic_A0" ) # 1. Login Azure by admin account Add-AzureAccount # # 2. Select subscription name $subscriptionName = Get-AzureSubscription | Select -ExpandProperty SubscriptionName # # 3. Create storage account $storageAccountName = $VMName # here we use VMName to play the storage account name and create it, you can choose your name or use existed one to replace the storage account creation operation New-AzureStorageAccount -StorageAccountName $storageAccountName -Location $Location | Out-Null # # 4. Select subscription name and storage account name for current context Select-AzureSubscription -SubscriptionName $subscriptionName -Current | Out-Null Set-AzureSubscription -SubscriptionName $subscriptionName -CurrentStorageAccountName $storageAccountName | Out-Null # # 5. Select a VM image name $label = $VMLabelPattern # take care, please ensure the VM image location resides to the same location of your storage account and service below $imageName = Get-AzureVMImage | where { $_.Label -like $label } | sort PublishedDate -Descending | select -ExpandProperty ImageName -First 1 # # 6. Create cloud service $svcName = $VMName # here we use VMName to play the service name and create it, you can choose your name or use existed one to replace the service creation operation New-AzureService -ServiceName $svcName -Location $Location | Out-Null # # 7. Build command set $vmConfig = New-AzureVMConfig -Name $VMName -InstanceSize $VMSize -ImageName $imageName # # 8. Set local admin of this vm $cred=Get-Credential -Message "Type the name and password of the local administrator account." $vmConfig | Add-AzureProvisioningConfig -Windows -AdminUsername $cred.Username -Password $cred.GetNetworkCredential().Password # # 9. Execute the final cmdlet to create the VM New-AzureVM -ServiceName $svcName -VMs $vmConfig | Out-Null } New-VMByASM -VMName $VMName -Location $StorageLocation Write-Host "Done" 更改为multiline = 'true',属性的值需要是布尔值,而不是字符串

multiline = {true}

您确定它是<TextField label = {'Name :'} highlightColor = {'#00BCD4'} style = {{height: 40}} multiline = {true} /> 而不是TextField吗?

https://facebook.github.io/react-native/docs/textinput.html

答案 1 :(得分:1)

应该是TextInput而不是TextField,多行应该是布尔值而不是像这样的字符串...

<TextInput style={...} multiline={true} value={...} />

Here's a demo

答案 2 :(得分:0)

您不能使用TextField多行,您必须使用UITextField

相关问题