Use Storyboard References While Retaining Icons & Text for Tab Bar Controller

Question

I started refactoring one of my projects to make the code easier to manage and the Tab Bar Controller lost its icons for which tab represents what. Without this I'm a bit lost which tab is what for re-ordering purposes.

How do I get the icons to show up again for a tab bar controller when I'm using storyboard references?

Refer to my attached image. Notice how the first 3 tabs are 'blank' but the other tabs that I have not refactored yet show with the icons and titles.

For those unfamiliar with storyboard references I was following the tutorial here: http://code.tutsplus.com/tutorials/ios-9-staying-organized-with-storyboard-references--cms-24226

Sample of Tasks Storyboard to show Icon set Correctly

Answer 1

First, in the storyboard where the tab bar controller is, there should be a scene for the referenced storyboard.

Just click on the scene that tab is associated with and click the tab bar at the bottom, then go to the attributes inspector, and you'll be able to assign a new icon to it.

Answer 2

It seems another solution that worked for me without altering the Approach you went through:

• Leave Storyboard references as it's
  
  • Go to Initial view controller in the referenced storyboard
  • Add Tab bar item to the scene
    

  • Configure it as you have done in UITabBarController storyboard
    

  • Clean & Run
    

  • Repeat it for all Storyboard references

Happy Coding!

Answer 3

Update - This approach no longer appears to work in Xcode 9.

Here's how to get the tab to show properly:

1. Put the first UIViewController that will be embedded in the tab in the same storyboard as the UITabViewController.
   

2. Ctrl + Drag from the tab bar controller to the content view controller to make the connection as per usual. This will automatically add the UITabBarItem to the bottom of the content view controller.
   

3. Select the content view controller.

4. Click the Editor menu and choose Refactor to Storyboard...

   

5. The UITabBarController tab will now point to the new storyboard reference...

   

6. ... and the content view controller preserves the UITabBarItem from the tab bar relationship. It will appear normally in the app now.
   

Answer 4

For some weird reason, I wasn't able to see the tab bar in my reference view controller in IB. Although while selecting it and expanding the Document Outline, I was able to see it in my view list. I could make my changes through it.

Hope this helps! :)