ReactNativeアプリ(Expoを利用)でサードパーティのAPI Keyをどこに保存するべきか。

Question

前提・実現したいこと

Expoを利用したアプリをApple Storeに出したいと考えています。
現在開発中のアプリは自作のAPIサーバーと通信して結果を表示したり、Google Mapを利用しています。
開発中は以下の例の様にそれぞれ通信を行う場所にURLやapi keyをベタがきしていましたが、
ストアに出すアプリはセキュリティの面でも正しい方法での管理に移行したいと考えています。

該当のソースコード

// redux/api.js

const SAMPLE_URL = <サーバーのURL>  // 別の場所で管理したい。
const SAMPLE_API_KEY = <APIのKEY> // 別の場所で管理したい。

export const getSampleData = () => async dispatch => {
  try {
    const response = await fetch(SAMPLE_URL, {
      headers: {
        "x-api-key": SAMPLE_API_KEY,
      },
    });
    const responseJson = await response.json();
    dispatch({
       type: "REQUEST_SUCCESS",
       payload: {
        sampleData: responseJson
       }
    })
  } catch (error) {
    dispatch({
      type: "REQUEST_ERROR"
    })
  }
}

###　こうしたら良いのではと考えている方法。

1. .envファイルで管理する。

「react native hide api key」でググったら出てきた方法。
ただしreactの情報しか出てこない。
2. expo.constants.manifest.extraで管理する。
app.jsonに記入するため、ソースを公開するようなアプリでは利用できない？

補足情報（FW/ツールのバージョンなど）

expoのversion

• expo sdkVersion 33.0.0

よろしくお願いします。