nativebase中的大写按钮

时间:2017-07-12 04:17:51

标签: javascript react-native native-base

我有一个带有脸书图标的按钮

<Button iconLeft block > <Icon name='logo-facebook' /> <Text>Login with facebook</Text> </Button>

带文字&#34;登录facebook&#34;但它会显示&#34;登录FACEBOOK&#34;我尝试过大写= {假}但没有希望。有什么办法吗? NB版本:2.2.1

3 个答案:

答案 0 :(得分:2)

您正在使用Native Base对吗?也许你可以试试这个。

您可以更改此代码:

<Button iconLeft block > 
 <Icon name='logo-facebook' /> 
 <Text> {'Login with facebook'.toUpperCase()} </Text>
</Button>

到此:

<Button iconLeft block > 
 <Icon name='logo-facebook' /> 
 <Text uppercase={false}> {'Login with facebook'.toUpperCase()} </Text>
</Button>

只在uppercase={false}标记中使用<text>,希望它能为您提供帮助:)

答案 1 :(得分:0)

试试这个:

&#13;
&#13;
void sort(int a[], int n){
   int i,j,temp;
   for(i =0; i < n-1; i++){
     for(j =0; j < n-1-i; j++){
        if(a[j] > a[j+1]){
          temp = a[j];
          a[j] = a[j+1];
          a[j+1] = temp;
        }
     }
  }
}
&#13;
 text.capitalize-lowercase {text-transform: lowercase;}
text.capitalize-uppercase {text-transform: uppercase;}
&#13;
&#13;
&#13;

答案 2 :(得分:0)

我认为文本转换目前不支持反应原生样式。所以你可以试试这样的东西

<Button iconLeft block > 
 <Icon name='logo-facebook' /> 
 <Text> {'Login with facebook'.toUpperCase()} </Text>
</Button>