React Native向けどこでもサポートSDKのウィジェット画面のカスタマイズ
どこでもサポートSDK（ソフトウェア開発キット）では、どこでもサポートのウィジェット画面をカスタマイズできます。このページでは、ウィジェット画面の各種内容のカスタマイズ方法について説明します。
Androidアプリの標準テーマ
操作画面の標準テーマには、ライトとダークの2種類が用意されています。
テーマのカスタマイズ
以下の画像は、カスタマイズ可能な内容を表したものです。
I テーマの種類のカスタマイズ
操作画面のテーマは、使用中のOSのテーマと連動します。必要に応じて、ライトテーマ／ダークテーマに変更することが可能です。変更するには、Androidプロジェクト（PROJECT/android/src）の「Application」クラスに「onCreate()」関数を追加します。
RNZohodeskPortalSDK.setThemeType(RNZohodeskPortalSDK.systemTheme);
指定可能な値
1. RNZohodeskPortalSDK.systemTheme
2. RNZohodeskPortalSDK.lightTheme
3. RNZohodeskPortalSDK.darkTheme
II 特定のテーマにおける色のカスタマイズ
特定のテーマの色をカスタマイズするには、以下のメソッドを使用します。カスタマイズするにあたって、Androidプロジェクト（PROJECT/android/src）の「Application」クラスに「onCreate()」関数を追加します。
- HashMap<String, String> themeColorsMap = new HashMap<>();
themeColorsMap.put(RNZohodeskPortalSDK.colorPrimary, "#964B00");
themeColorsMap.put(RNZohodeskPortalSDK.colorPrimaryDark, "#63351D");
themeColorsMap.put(RNZohodeskPortalSDK.colorAccent, "#63351D");
themeColorsMap.put(RNZohodeskPortalSDK.textColorPrimary, "#C0C0C0");
RNZohodeskPortalSDK.setThemeBuilder(themeColorsMap, false);
指定可能な値
1.HashMap（テキスト）：キーと値のペアです。
2.Value（テキスト）：対象の色のキーです。例：RNZohodeskPortalSDK.colorPrimary、RNZohodeskPortalSDK.colorPrimaryDark
3.Boolean（真偽値）：適用するテーマ（ライトテーマまたはダークテーマ）を示します。「true」の場合、ダークテーマが適用されます。「false」の場合、ライトテーマが適用されます。
2.Value（テキスト）：対象の色のキーです。例：RNZohodeskPortalSDK.colorPrimary、RNZohodeskPortalSDK.colorPrimaryDark
3.Boolean（真偽値）：適用するテーマ（ライトテーマまたはダークテーマ）を示します。「true」の場合、ダークテーマが適用されます。「false」の場合、ライトテーマが適用されます。
iOSアプリの標準テーマ
どこでもサポートのウィジェット画面には、ライトテーマとダークテーマの2種類の標準テーマが用意されています。
いずれかのテーマを適用するには、以下のコードを使用します。
- #import <RNZohodeskPortalSdk/RNZohoDeskPortalSDK.h>
[RNZohoDeskPortalSDK setTheme:RNZDThemeLight];
どこでもサポートSDKのエラーの記録
どこでもサポートSDK（ソフトウェア開発キット）のエラーの記録設定では、エラーが発生した際にエラーメッセージやエラーに関する情報を記録できます。エラーの原因を特定し、エラーを解決するのに役立ちます。
標準では、エラーの記録設定は無効になっています。
有効にするには、以下のコードを追加します。
標準では、エラーの記録設定は無効になっています。
有効にするには、以下のコードを追加します。
- import {
ZohoDeskPortalSDK
} from 'react-native-zohodesk-portal-sdk';
ZohoDeskPortalSDK.enableLogs();
Zoho CRM 管理者向けトレーニング
「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。
日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
Zoho コミュニティ オンラインフォーラム
フォーラムをフォローして、Zoho ユーザーによる活用のノウハウやアドバイスを入手。サービスのアップデート情報やユーザー向けイベントの告知について通知を受け取りましょう。
Zoho WorkDrive Resources
New to Zoho Workerly?
New to Zoho Recruit?
New to Zoho CRM?
New to Zoho Projects?
New to Zoho Sprints?
New to Zoho Assist?
Related Articles
React Nativeアプリでの各種機能タブの表示
このページでは、どこでもサポートのウィジェットに各種サポート機能をタブとして表示する手順について説明します。なお、どこでもサポートのウィジェットに表示できるのは、Zoho Deskの設定画面で有効になっているタブ（機能）のみです。また、利用中のZoho Deskのプランによっては、標準で有効になっているタブ（機能）が異なりますのでご注意ください。 ホーム画面 Zoho Deskのホーム画面を表示するには、以下のコードを使用します。 import { ZDPortalHome } from ...React Native向けどこでもサポートSDKの操作
React Nativeアプリ向けのどこでもサポートSDK（ソフトウェア開発キット）を利用すると、React Nativeで開発したアプリ内にZoho Deskのサポート機能を埋め込むことができます。アプリの利用者に対して、さまざまなサポート機能を提供することが可能です。利用者に対して提供できる主なサポート機能は、以下のとおりです。 • カスタマーサポート（問い合わせの送信、担当者とのチャット） • ナレッジベース（ヘルプ記事へのアクセス） • ...React Nativeアプリでのユーザーの認証
ユーザー認証とは どこでもサポートSDK（ソフトウェア開発キット）では、どこでもサポートのウィジェットにアクセスするユーザーに関する認証設定を行うことができます。設定後、アプリの利用者はZoho DeskのユーザーIDを使用してサインインする必要があります。サインインすると、アプリの利用者は認証され、どこでもサポートのウィジェットで各種サポート機能を利用できるようになります。Zoho Deskでは、認証方式としてJWT（JSON Web Token）が使用されます。 ...どこでもサポートSDKとReact Nativeアプリとの連携
モバイルアプリでどこでもサポートSDK（ソフトウェア開発キット）の設定後、どこでもサポートSDK（ソフトウェア開発キット）とモバイルアプリとの連携を行います。 連携を行うにあたって、以下の2種類の方法があります。 Androidアプリの場合、Mavenを使用します。 React ...React Native向けのどこでもサポートSDKの概要
はじめに どこでもサポートSDK（ソフトウェア開発キット）を利用すると、React Nativeで開発したアプリ内にZoho Deskのサポート機能を埋め込むことができます。アプリの利用者は、アプリ内からサポート窓口に問い合わせたり、ナレッジベースを参照したりすることが可能です。 このページでは、React Nativeアプリ向けのどこでもサポートSDK（ソフトウェア開発キット）の概要について説明します。 どこでもサポートSDK（ソフトウェア開発キット）とは Zoho ...