如何在React Native（Android）的Facebook登录按钮中居中文本？

Question

我正在我的React-Native应用程序中使用Facebook SDK的（通过React-Native-FBSDK)登录按钮。

我唯一的选择是创建自己的自定义按钮手动调用LoginManager，还是有一种方法使用样式对齐文本（我尝试了alignItems和justifyContent）？看来我得根据这个SO问题做前一个。

这是我现在的代码：

<LoginButton
   scope={'public_profile email'}
   style={{
       width: 220,
       height: 40
   }}
   onLoginFinished={this._facebookLogin}
   onLogoutFinished={() => console.log('logout.')}
/>

Answer 1

您可以将按钮包装到容器中

<View style={{
  width: 220, // whatever you want
  height: 50, // whatever you want
  justifyContent: 'center', // center the button
  backgroundColor: '#4267B2', // the same as the actual button
  paddingHorizontal: 10 // optionally add some horizontal padding for better looking
}}>
  <LoginButton
    scope={'public_profile email'}
    style={{
       flex: 1, // fill the container
       maxHeight: 30 // the default height
   }}
   onLoginFinished={this._facebookLogin}
   onLogoutFinished={() => console.log('logout.')}
  />
</View>

结果