iOSアプリで位置情報の許可を求めるポップアップが出ない

Question

エキスパートの皆様、こんにちは。

iOSアプリにて位置情報を取得するコンポーネントを開発中ですが、
許可を求めるポップアップが表示されません。
原因と対処方法についてご教授いただければ幸いです。

■状況
・検証環境：iOSのtestflightアプリ
・使用言語：react native（厳密にはreact native web）
・位置情報取得のための使用ライブラリ：@react-native-community/geolocation "2.0.2"
・動作：設定から許可を与えてやると位置情報を取得してくれる（=> ライブラリのインストールはうまくいっている）

■info.plist

・・・
<key>NSCameraUsageDescription</key>
<string>testing me.</string>
<key>NSLocationAlwaysUsageDescription</key>
<string>testing me.</string>
<key>NSLocationWhenInUseUsageDescription</key>
<string>testing me.</string>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>We need to to access your photos to allow you to save a photo you take.</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>testing me.</string>
・・・

■index.js

import React, { Component } from 'react'
import { Text, View, StyleSheet, PermissionsAndroid, Platform, TouchableOpacity } from 'react-native'
import Geolocation from '@react-native-community/geolocation';

class Geoprivate extends Component {
	constructor() {
		super()
		this.state = {
			latitude: "",
			longtitude: "",
			errMessage: ""
		}
	}

	extract(position){
		let coords = position.coords
		let lat = coords.latitude
		let lng = coords.longitude
		this.setState({ latitude: lat, longitude: lng })
	}

・・・
・・・

	updateResult() {

		if (Platform.OS === "android") {
			this.androidPermission()
		}

		let is_native = typeof document === 'undefined';
		if (!is_native) {
			・・・・・・
			}
		} else {
			Geolocation.getCurrentPosition(
				position => this.setState({ latitude: position.coords.latitude, longitude: position.coords.longitude }),
				err => this.setState({ errMessage: err.message }),
				{ enableHighAccuracy: true, timeout: 10000, maximumAge: 10000 },
			);
		}
		this.returnResult(is_native)
	}

	returnResult(is_native) {
		const {
			usage: { getAction }
		} = this.props
		if (!is_native) {
			・・・
		}
		if (getAction) getAction(this.state.latitude, this.state.longtitude, this.state.errMessage)
	}

	render() {
		const {
			button: { 
				buttonText,
				buttonColor,
				buttonTextColor
			}
		} = this.props

		return (
			<View style={this.returnWrapperStyle(buttonColor)} >
				<TouchableOpacity  onPress={() => this.updateResult()}>
					<Text style={this.returnTextStyle(buttonTextColor)} >{buttonText.toUpperCase()}</Text>
				</TouchableOpacity>
			</View>
		)
	}
}

export default Geoprivate