零基礎塗鴉智能面板SDK開發記錄（一）

前言

本人基礎背景：在學校學了點JS,在blbl上看過幾節node.js視頻，現在是一名Android開發工程師，因公司需要學習塗鴉面板SDK開發。
說真的除了官方的一些文檔外，我真的找不到其他的資料。對我這React Native都不知道是什么的小白一點也不友好。

重要目錄分析

按照官方文檔 https://developer.tuya.com/cn/docs/iot/quick-start?id=K9mfe9upokqq6 一步步操作下去就可以創建好一個工程。
在安裝node和yarn的時候出了點意外，注意換一下淘寶鏡像和安裝yarn時第一次沒操作好記得清除一下緩存。

index.android.js // 安卓入口

index.ios.js // iOS 入口

index.js // 安卓入口(為了兼容)

這些文件都指向了./src/main目錄。根據其中找到啟動頁。

switch (route.id) {
      case 'main':
        component = (
          <Home
            dpData={{ state: dpState, schema, uiConfig }}
            dispatch={dispatch}
            navigator={navigator}
            logs={logs}
          />
        );
        break;

      default:
        break;
    }

當我看見我就知道現在我得先去看看React Native才下手了。

import React from 'react';
import PropTypes from 'prop-types';
import { View, StyleSheet, TouchableOpacity, Image } from 'react-native';
import { Utils, TYText } from 'tuya-panel-kit';
import { connect } from 'react-redux';

 看React Native先要知道React，React需要具備HTML5、CSS、JS。