error can not resolve symbol TabLayout and 'design

You forgot to add design support library. Just add this dependencies in your gradle app file:

implementation 'com.android.support:design:26.0.+'

Design Support Library

The Design package provides APIs to support adding material design components and patterns to your apps.

The Design Support library adds support for various material design components and patterns for app developers to build upon, such as navigation drawers, floating action buttons (FAB), snackbars, and TabLayout.

Or AndroidX dependency:

implementation "com.google.android.material:material:1.0.0"

This happened to me when migrating to androidx. You have to add this to your gradle file:

implementation 'com.google.android.material:material:1.1.0-alpha09'

Also, the location of the TabLayout has changed. From

android.support.design.widget.TabLayout

to

com.google.android.material.tabs.TabLayout

Here are the class mappings for androidx. Here is the new documentation for the TabLayout.

UPDATE:

With Androidx and the Material Components library use:

implementation 'com.google.android.material:material:1.0.0'

OLD (Support Libraries):

As you can check in the doc if you want to use the TabLayout you have to add this dependency:

com.android.support:design:26.0.2

Add in your build.gradle in the dependencies block:

compile 'com.android.support:design:26.0.2'

Replaced this:

android.support.design.widget.TabLayout

With this:

import com.google.android.material.tabs.TabLayout;

and worked for me! ;-)

---

You need to add to build_gradle (APP):

implementation 'com.google.android.material:material:1.0.0'