izumiru / akan Goto Github PK

課題 / The problem

既存のiconが機能しておらず、正しく表示をさせたい。

解決方法

react-native-elementsの中にあるiconを使用する。Font Awesomeでもよかったが、特に困ったことはないので、今はこちらを使用する。
必要になればFont Awesomeを使用する。

参考URL / References

• React Native Elements - Icon

改善詳細 / Details of Improvement

HOME画面が現在defaultのUIになっている。これをakan用に表示を変更させたい。

期待する見せ方・挙動 / Expected behavior

• colorは全てakan仕様に。
• dataは一旦そのまま。既存のimageを使用する。
• iconなどは react-native-elements のiconを使用する。
• footerはまだ触らない(ページが全て完成した時点で最後に変更する)。

現在、app.tsxのコードが以下の状態となっている。

import React from "react";
import { Text } from "react-native";
import createAppContainer from "react-navigation"
import createBottomTabNavigator from "react-navigation";
import styles from "./assets/css/styles";
import HomeScreen from "./src/container/Home";
// import MatchesScreen from "./src/containers/Matches";
// import MessagesScreen from "./src/containers/Messages";
// import ProfileScreen from "./src/containers/Profile";
import Icon from "./src/components/Icon";

export default function App() {
  return (
    <HomeScreen />
  );
}

ここに、 react-native-navigation を追加して、画面遷移できるような実装を行いたい。

画面のHOME部分を完成させる。

• footerにnavを追加
• デザインを反映
• direcrtory構造の組み立て
• swipe機能の正常化

などが課題に当たると思う。

前回のデザインからfixしたデザインを共有し、first-releaseのデザインを確定させる。