更改FB登录按钮文本(react-native-fbsdk)

我正在使用react-native-fbsdk.如何将"使用facebook登录"中的fb登录按钮文本更改为"使用fb继续"？

该组件看起来像这样,我找不到改变它的方法:

 {
              if (error) {
                console.log("login has error: " + result.error);
              } else if (result.isCancelled) {
                console.log("login is cancelled.");
              } else {
                AccessToken.getCurrentAccessToken().then(
                  (data) => {
                    console.log(data);
                    console.log(data.accessToken.toString());
                  }
                )
              }
            }
          }
          onLogoutFinished={() => alert("logout.")}/>

designorant.. 31

最简单的方法是将SDK升级到4.19.0:

LoginButton UI在4.19.0中更改.该按钮现在显示"继续使用Facebook",而不是"使用Facebook登录".按钮颜色从#3B5998更改为#4267B2.由于使用较小的字体大小和较大的Facebook徽标周围的填充,按钮高度从30dp降低到28dp.

使用LoginButton的界面保持不变.请花些时间确保更新的LoginButton不会破坏您应用的用户体验

但是,如果您正在自定义文本以使其字面上显示"继续使用fb",则需要重新创建Button组件,并使用它来触发Login Manager,即:

import React, { Component } from 'react'
import { Button } from 'react-native'

import { LoginManager } from 'react-native-fbsdk'

export default class Login extends Component {
  handleFacebookLogin () {
    LoginManager.logInWithReadPermissions(['public_profile', 'email', 'user_friends']).then(
      function (result) {
        if (result.isCancelled) {
          console.log('Login cancelled')
        } else {
          console.log('Login success with permissions: ' + result.grantedPermissions.toString())
        }
      },
      function (error) {
        console.log('Login fail with error: ' + error)
      }
    )
  }
  render () {
    return (
      
    )
  }
}

import React, { Component } from 'react'
import { Button } from 'react-native'

import { LoginManager } from 'react-native-fbsdk'

export default class Login extends Component {
  handleFacebookLogin () {
    LoginManager.logInWithReadPermissions(['public_profile', 'email', 'user_friends']).then(
      function (result) {
        if (result.isCancelled) {
          console.log('Login cancelled')
        } else {
          console.log('Login success with permissions: ' + result.grantedPermissions.toString())
        }
      },
      function (error) {
        console.log('Login fail with error: ' + error)
      }
    )
  }
  render () {
    return (
      
    )
  }
}