Exception when clicking on AttachmentsButton from stream_ui_message_input.xml

[ValentinCerneanu]

Hello there,

I am working on an app trying to add GetStream chat functionality. I am using 5.11.10 version

I did the basic integrations, I have an activity with all the open conversations (ChatChannelActivity) and I have an activity in which I open a specific conversation. The sending messages feature is working fine.
The problem is when I try to press on the AttachmentsButton from the MessageInputView graphic component. When I press this button I get the following exception:

E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.unifiedpractice.android.app, PID: 31646
android.view.InflateException: Binary XML file line #47 in com.unifiedpractice.android.app:layout/design_bottom_sheet_dialog: Could not inflate Behavior subclass com.google.android.material.bottomsheet.BottomSheetBehavior
Caused by: java.lang.RuntimeException: Could not inflate Behavior subclass com.google.android.material.bottomsheet.BottomSheetBehavior
at androidx.coordinatorlayout.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:649)
at androidx.coordinatorlayout.widget.CoordinatorLayout$LayoutParams.(CoordinatorLayout.java:2896)
at androidx.coordinatorlayout.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1740)
at androidx.coordinatorlayout.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:112)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1147)
at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:1106)
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1148)
at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:1106)
at android.view.LayoutInflater.inflate(LayoutInflater.java:692)
at android.view.LayoutInflater.inflate(LayoutInflater.java:544)
at android.view.LayoutInflater.inflate(LayoutInflater.java:491)
at android.view.View.inflate(View.java:29144)
at com.google.android.material.bottomsheet.BottomSheetDialog.ensureContainerAndBehavior(BottomSheetDialog.java:272)
at com.google.android.material.bottomsheet.BottomSheetDialog.wrapInBottomSheet(BottomSheetDialog.java:286)
at com.google.android.material.bottomsheet.BottomSheetDialog.setContentView(BottomSheetDialog.java:147)
at androidx.fragment.app.DialogFragment$4.onChanged(DialogFragment.java:159)
at androidx.fragment.app.DialogFragment$4.onChanged(DialogFragment.java:144)
at androidx.lifecycle.LiveData.considerNotify(LiveData.java:133)
at androidx.lifecycle.LiveData.dispatchingValue(LiveData.java:151)
at androidx.lifecycle.LiveData.setValue(LiveData.java:309)
at androidx.lifecycle.MutableLiveData.setValue(MutableLiveData.java:50)
at androidx.fragment.app.Fragment.performCreateView(Fragment.java:3115)
at androidx.fragment.app.DialogFragment.performCreateView(DialogFragment.java:510)
at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:524)
at androidx.fragment.app.FragmentStateManager.moveToExpectedState(FragmentStateManager.java:261)
at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:1899)
at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1823)
at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1760)
at androidx.fragment.app.FragmentManager$5.run(FragmentManager.java:547)
at android.os.Handler.handleCallback(Handler.java:942)
at android.os.Handler.dispatchMessage(Handler.java:99)
at android.os.Looper.loopOnce(Looper.java:226)
at android.os.Looper.loop(Looper.java:313)
at android.app.ActivityThread.main(ActivityThread.java:8741)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:571)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1067)
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Constructor.newInstance0(Native Method)
at java.lang.reflect.Constructor.newInstance(Constructor.java:343)
at androidx.coordinatorlayout.widget.CoordinatorLayout.parseBehavior(CoordinatorLayout.java:647)
at androidx.coordinatorlayout.widget.CoordinatorLayout$LayoutParams.(CoordinatorLayout.java:2896) 
at androidx.coordinatorlayout.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:1740) 
at androidx.coordinatorlayout.widget.CoordinatorLayout.generateLayoutParams(CoordinatorLayout.java:112) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1147) 
at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:1106) 
at android.view.LayoutInflater.rInflate(LayoutInflater.java:1148) 
at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:1106) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:692) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:544) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:491) 
at android.view.View.inflate(View.java:29144) 
at com.google.android.material.bottomsheet.BottomSheetDialog.ensureContainerAndBehavior(BottomSheetDialog.java:272) 
at com.google.android.material.bottomsheet.BottomSheetDialog.wrapInBottomSheet(BottomSheetDialog.java:286) 
at com.google.android.material.bottomsheet.BottomSheetDialog.setContentView(BottomSheetDialog.java:147) 
at androidx.fragment.app.DialogFragment$4.onChanged(DialogFragment.java:159) 
at androidx.fragment.app.DialogFragment$4.onChanged(DialogFragment.java:144) 
at androidx.lifecycle.LiveData.considerNotify(LiveData.java:133) 
at androidx.lifecycle.LiveData.dispatchingValue(LiveData.java:151) 
at androidx.lifecycle.LiveData.setValue(LiveData.java:309) 
at androidx.lifecycle.MutableLiveData.setValue(MutableLiveData.java:50) 
at androidx.fragment.app.Fragment.performCreateView(Fragment.java:3115) 
at androidx.fragment.app.DialogFragment.performCreateView(DialogFragment.java:510) 
at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:524) 
at androidx.fragment.app.FragmentStateManager.moveToExpectedState(FragmentStateManager.java:261) 
at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:1899) 
at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1823) 
at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1760) 
at androidx.fragment.app.FragmentManager$5.run(FragmentManager.java:547) 
at android.os.Handler.handleCallback(Handler.java:942) 
at android.os.Handler.dispatchMessage(Handler.java:99) 
at android.os.Looper.loopOnce(Looper.java:226) 
at android.os.Looper.loop(Looper.java:313) 
at android.app.ActivityThread.main(ActivityThread.java:8741) 
at java.lang.reflect.Method.invoke(Native Method) 
at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:571) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1067) 
E/AndroidRuntime: Caused by: java.lang.UnsupportedOperationException: Failed to resolve attribute at index 3: TypedValue{t=0x2/d=0x7f040114 a=13}, theme={InheritanceMap=[id=0x7f1301d5com.unifiedpractice.android.app:style/StreamUiAttachmentBottomSheetDialog, id=0x7f130325com.unifiedpractice.android.app:style/ThemeOverlay.MaterialComponents.BottomSheetDialog, id=0x7f1300bccom.unifiedpractice.android.app:style/Base.V21.ThemeOverlay.MaterialComponents.BottomSheetDialog, id=0x7f1300aecom.unifiedpractice.android.app:style/Base.V14.ThemeOverlay.MaterialComponents.BottomSheetDialog, id=0x7f130099com.unifiedpractice.android.app:style/Base.ThemeOverlay.MaterialComponents.Dialog, id=0x7f1300afcom.unifiedpractice.android.app:style/Base.V14.ThemeOverlay.MaterialComponents.Dialog, id=0x7f1302e5com.unifiedpractice.android.app:style/ThemeOverlay.AppCompat.Dialog, id=0x7f130092com.unifiedpractice.android.app:style/Base.ThemeOverlay.AppCompat.Dialog, id=0x7f1300bacom.unifiedpractice.android.app:style/Base.V21.ThemeOverlay.AppCompat.Dialog, id=0x7f1300cecom.unifiedpractice.android.app:style/Base.V7.ThemeOverlay.AppCompat.Dialog, id=0x7f13008ecom.unifiedpractice.android.app:style/Base.ThemeOverlay.AppCompat, id=0x7f130154com.unifiedpractice.android.app:style/Platform.ThemeOverlay.AppCompat], Themes=[com.unifiedpractice.android.app:style/StreamUiAttachmentBottomSheetDialog, forced, com.unifiedpractice.android.app:style/AppTheme, forced, com.unifiedpractice.android.app:style/Theme.AppCompat.Empty, forced, android:style/Theme.DeviceDefault.Light.DarkActionBar, forced]}
at android.content.res.TypedArray.getColorStateList(TypedArray.java:600)
at com.google.android.material.resources.MaterialResources.getColorStateList(MaterialResources.java:81)
at com.google.android.material.bottomsheet.BottomSheetBehavior.(BottomSheetBehavior.java:327)
... 39 more
E/PendoInternal: PossibleCrash_androidX Binary XML file line #47 in com.unifiedpractice.android.app:layout/design_bottom_sheet_dialog: Could not inflate Behavior subclass com.google.android.material.bottomsheet.BottomSheetBehavior

I will attach the activity_chat_channel.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <androidx.constraintlayout.widget.ConstraintLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <io.getstream.chat.android.ui.message.list.header.MessageListHeaderView
            android:id="@+id/messageListHeaderView"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <io.getstream.chat.android.ui.message.list.MessageListView
            android:id="@+id/messageListView"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintBottom_toTopOf="@+id/messageInputLayout"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/messageListHeaderView" />

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/messageInputLayout"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent">

            <io.getstream.chat.android.ui.message.input.MessageInputView
                android:id="@+id/messageInputView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

        </androidx.constraintlayout.widget.ConstraintLayout>

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

ChatChannelActivity

public class ChatChannelActivity extends BasePinActivity {

    private ActivityChatChannelBinding binding;
    private String pricingPlan;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this, R.layout.activity_chat_channel);
        setContentView(binding.getRoot());

        SecurePreferences securePreferences = SecurePreferences.getInstance();
        pricingPlan = securePreferences.getValue(Constants.PRICING_PLAN);

        String cid = getIntent().getStringExtra(CID_KEY);
        if (cid == null) {
            throw new IllegalStateException("Specifying a channel id is required when starting ChannelActivity");
        }

        // Step 1 - Create three separate ViewModels for the views so it's easy
        //          to customize them individually
        ViewModelProvider.Factory factory = new MessageListViewModelFactory.Builder()
                .cid(cid)
                .build();
        ViewModelProvider provider = new ViewModelProvider(this, factory);
        MessageListHeaderViewModel messageListHeaderViewModel = provider.get(MessageListHeaderViewModel.class);
        MessageListViewModel messageListViewModel = provider.get(MessageListViewModel.class);
        MessageInputViewModel messageInputViewModel = provider.get(MessageInputViewModel.class);

        // TODO set custom Imgur attachment factory

        // Step 2 - Bind the view and ViewModels, they are loosely coupled so it's easy to customize
        MessageListHeaderViewModelBinding.bind(messageListHeaderViewModel, binding.messageListHeaderView, this);
        MessageListViewModelBinding.bind(messageListViewModel, binding.messageListView, this, true);
        MessageInputViewModelBinding.bind(messageInputViewModel, binding.messageInputView, this);
        

        // Step 3 - Let both MessageListHeaderView and MessageInputView know when we open a thread
        messageListViewModel.getMode().observe(this, mode -> {
            if (mode instanceof Thread) {
                Message parentMessage = ((Thread) mode).getParentMessage();
                messageListHeaderViewModel.setActiveThread(parentMessage);
                messageInputViewModel.setActiveThread(parentMessage);
            } else if (mode instanceof Normal) {
                messageListHeaderViewModel.resetThread();
                messageInputViewModel.resetThread();
            }
        });

        // Step 4 - Let the message input know when we are editing a message
        binding.messageListView.setMessageEditHandler(messageInputViewModel::postMessageToEdit);

        // Step 5 - Handle navigate up state
        messageListViewModel.getState().observe(this, state -> {
            if (state instanceof MessageListViewModel.State.NavigateUp) {
                finish();
            }
        });

        // Step 6 - Handle back button behaviour correctly when you're in a thread
        MessageListHeaderView.OnClickListener backHandler = () -> {
            messageListViewModel.onEvent(MessageListViewModel.Event.BackButtonPressed.INSTANCE);
        };
        binding.messageListHeaderView.setBackButtonClickListener(backHandler);
        getOnBackPressedDispatcher().addCallback(this, new OnBackPressedCallback(true) {
            @Override
            public void handleOnBackPressed() {
                backHandler.onClick();
            }
        });
    }

    private final static String CID_KEY = "key:cid";

    public static Intent newIntent(Context context, Channel channel) {
        final Intent intent = new Intent(context, ChatChannelActivity.class);
        intent.putExtra(CID_KEY, channel.getCid());
        return intent;
    }

    public static Intent newIntent(Context context, String cid) {
        final Intent intent = new Intent(context, ChatChannelActivity.class);
        intent.putExtra(CID_KEY, cid);
        return intent;
    }
}

I am quite stuck right now and I don't know what to do next. I tried to follow the guide as much as I could.
Please help me with any relevant advice.

Thank you

[TGazica]

Hey @ValentinCerneanu,

I see that you are using the MessageInputView. My recommendation is to use MessageComposerView because MessageInputView will be removed and completely replaced by MessageComposerView. It also gives you more flexibility and a cleaner API.

We will do some testing concerning the crash and let you know if we find something or if we need more info.

[ValentinCerneanu]

Hello @TGazica,
Thank you for the prompt reply.
I tried with MessageComposerView, but I have the same exception. If I can help you with more info about my problem I will be very happy. My guess is that my App (which is quite an old one) is using an old theme style which is not compatible with the theme style used by both MessageInputView and MessageComposerView
I followed this tutorial https://getstream.io/tutorials/android-chat/ which is using MessageInputView. Maybe the tutorial is a little bit outdated if the better approach is using MessageComposerView

Thank you!

[ValentinCerneanu]

I solved the issue by changing the App Theme from Theme.AppCompat.Light.NoActionBar to Theme.MaterialComponents.Light.NoActionBar

It is an obvious requirement, but I was not aware of it. Maybe it should be added in the tutorial.

[TGazica]

Hey @ValentinCerneanu,

thanks for the info, we will see that we add it to the tutorial.