앱 위젯 설치 - theseeker CRM 문서

피드백

앱 위젯 설치

React Native·Expo 앱에 피드백 위젯을 설치하고 앱 제출을 확인합니다.

준비

CRM의 피드백 → 위젯 설정에서 위젯을 켜고 공개 키(fbw_공개키)를 확인합니다. 허용 앱에 앱 ID를 등록하세요. Expo 프로젝트의 app.json에서 ios.bundleIdentifier와 android.package를 확인할 수 있습니다. iOS와 Android의 ID가 다르면 두 값을 모두 등록하고, appId에는 실행 중인 플랫폼의 ID를 넘깁니다.

typescript

import { Platform } from "react-native";

const appId = Platform.select({ ios: "com.example.app", default: "com.example.android" });

typescript

import { TheSeekerFeedbackProvider } from "@the-seeker/feedback-react-native";

export default function App() {
  return (
    <TheSeekerFeedbackProvider widgetKey="fbw_공개키" appId="com.example.app" screen="/home">
      <RootNavigator />
    </TheSeekerFeedbackProvider>
  );
}

typescript

import * as ImagePicker from "expo-image-picker";
import type { PickImages } from "@the-seeker/feedback-react-native";

const pickImages: PickImages = async () => {
  const result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ["images"],
    allowsMultipleSelection: true,
    selectionLimit: 4,
    quality: 0.8,
  });
  if (result.canceled) return [];
  return result.assets.map((asset, index) => ({
    uri: asset.uri,
    mimeType: asset.mimeType ?? "image/jpeg",
    fileName: asset.fileName ?? `image-${index + 1}.jpg`,
    fileSize: asset.fileSize,
  }));
};

typescript

const storage = {
  getItem: (key: string) => AsyncStorage.getItem(key),
  setItem: (key: string, value: string) => AsyncStorage.setItem(key, value),
};

<TheSeekerFeedbackProvider widgetKey="fbw_공개키" appId="com.example.app" storage={storage}>
  <RootNavigator />
</TheSeekerFeedbackProvider>;