Error:(19, 76) error: cannot find symbol variable fab

Question

https://teamtreehouse.com/community/video:26892

After adding a 'second activity' to the Signals from Mars project I receive the error when attempting to run the application.

"Error(19, 76)error: cannot find symbol variable fab"

StoryActivity.java

package sqamonkey.com.interactivestory;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;

public class StoryActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_story);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

       // HERE -> the error is caused by the following line
        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

After some research online I looked in the 'activity_story.xml' file and noticed there is no entry for the FloatingActionButton in the file (see below).

activity_story.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="sqamonkey.com.interactivestory.StoryActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay"/>

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_story"/>

</android.support.design.widget.CoordinatorLayout>

I will attempt to add this code manually to see if it resolves my problem but would like feedback from the community. Shouldn't this code have been generated when I added the Second Activity? Why do I have to add this manually? Will adding the following code fix this?

<android.support.design.widget.FloatingActionButton 
        android:id="@+id/fab"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom" 
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_dialog_email" />

</android.support.design.widget.CoordinatorLayout>

Thank In Advance for any and all help.

Answer 1 · 2016-02-02T12:57:30Z

February 2, 2016 12:57pm

Do you want the fab in the app? If not you can delete the code from your StoryActivity.

Answer 2 · 2016-02-02T13:52:16Z

February 2, 2016 1:52pm

I believe the fab is necessary for the challenge, but I'm kinda tired right now, will check it later today.

Welcome to the Treehouse Community

Looking to learn something new?

John Miller

John Miller

Error:(19, 76) error: cannot find symbol variable fab

2 Answers

Ozhan Saat

Ozhan Saat

John Miller

John Miller