iOS: Why is Facebook logout button is not displayed properly?

Question

I am trying to integrate Facebook login into my iOS app (using XCode 6+ and Deployment Target is iOS 7.0). I have placed a normal UIButton to my ViewController in the storyboard and changed to custom class with FBSDKLoginButton since I needed the button in slight bigger size than originally.

The login process works great and the login button image is shown perfectly, but after login the button changes to "logout" and the background seems transparent with some strange white rectangle behind.

Here's an illustration of the issue:

Somebody any idea what I am doing wrong ?

Answer 1

I'm facing the same issue using an UIButton, but I changed it to an UIView and it is working perfectly. Probably go with that approach, or implement a custom button (Objective-C)

https://developers.facebook.com/docs/facebook-login/ios/advanced#custom-login-button

Answer 2

I have the same issue when i used the storyboard to implement the FaceBook login and logout button. You have just to drag a view to your view controller and add custom class for this view named "FBSDKLoginButton" then set it to a clear background.