零基础涂鸦智能面板SDK开发记录(一)

前言

本人基础背景:在学校学了点JS,在blbl上看过几节node.js视频,现在是一名Android开发工程师,因公司需要学习涂鸦面板SDK开发。
说真的除了官方的一些文档外,我真的找不到其他的资料。对我这React Native都不知道是什么的小白一点也不友好。

重要目录分析

按照官方文档 //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。