파이어베이스를 기반으로한 테스트용 채팅 앱구현 Android Chatting Test App based on Firebase with Kotlin(10)

이쯤에서 UserFragment() 를 제외한채 실행하면 발생하는 버그들을 해결해보자.

 

실행하면 이정도가 나오는데 이를 살펴본다.

 

먼저 , Drawble에 필요한 것들을 다 추가해주고, Toolbar를 androidX 버전으로 교체하였다.

 

그러고서 실행하니 에뮬레이터에 Run은 되었으나,

 

와 같은 메세지로 실행이 되지않았다. 이 오류는 내가 정의해놓은 액티비티 매니페스트 옵션 관련 문제인데 매니페스트에 가서 android:theme="@style/AppTheme.NoActionBar"를 써주어야한다. noactionbar를 추가하기 위해서 style.xml에 해당 옵션을 추가하자(기반 앱을 참고하면된다)

 

아래는 이를 추가한 후의 매니페스트이다.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.fbchattingtest">
 
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"/>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
 
 
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
 
        <activity
            android:name=".SplashActivity"
            android:label="@string/app_name"
            android:theme="@style/SplashTheme"
 
            >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
 
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:theme="@style/AppTheme.NoActionBar"
            >
        </activity>
        <activity android:name=".LoginActivity" />
 
        <activity android:name=".ChatModule.ChatActivity" android:theme="@style/AppTheme.NoActionBar" />
        <activity android:name=".ChatModule.SelectUserActivity" />
        <activity android:name=".photoview.ViewPagerActivity" android:theme="@style/AppTheme.NoActionBar" />
    </application>
 
</manifest>
 

 

 

 

이렇게 하고 실행해보았더니 Chat icon 을 눌러 페이지를 이동할때 오류가 뜨면서 종료된다. 이를 확인해보면 아래와 같다.

 

이를 확인해보면 main activity 부분에

 

위와 같이 null이 되어있어서 문제가 발생한 것이다.

 

이는 뷰페이져 객체명인 container를 바로 들고와서 연결해주면된다.

 

 

실행 해보면 또 오류가 나는데 그 오류는 아래와 같다.

 

디버거를 설정하고 이를 디버깅해보면

해당 부분의 값이 null임을 알 수 있다.

 

import kotlinx.android.synthetic.main.fragment_userlist.* 를 통해 바인딩되있었는데

해당 값을 제대로 못찾는것 같으니 

val recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)를 위에 추가해주었다.

 

실행해보면 또 오류간다. 이번 오류는 아래와같다.

 

 

 

이 부분도 위의 오류와 똑같다. 따라서 ChatRoomFragment에 가서

val recyclerView = view.findViewById<RecyclerView>(R.id.recyclerView)를 추가해주자.

 

 

드디어 실행해보았더니 원하는 "첫" 화면을 위와같이 얻었다.

 

그다음으로 할 것은 UserFragment 에 대한 구현이다. 이는 다음 페이지에서 다루도록한다.