在Android上的本機React內部使用Google IMA Webview時未顯示

Question

簡而言之：我們使用Android上的reacte本機，並使用本機VideoView通過適用於Android的Google IMA SDK來顯示帶有廣告的視頻。 視頻播放，廣告播放，但是包含“閱讀更多”和“跳過廣告”的Web視圖不可見。 它已添加到視圖層次結構中，但是大小為0,0，並且沒有子級。 當我在本機應用程序中使用完全相同的代碼時。 一切正常。

更多背景信息：

• 視頻播放器/ google ima sdk集成是直接從google ima示例應用中復制的。
• 當組件放置在本地anroid應用程序中時，一切正常。
• 在檢查視圖層次結構時，很明顯已添加了webview，其大小為0,0
• 當我自己添加本機Webview時，可以很好地使用它。

來自React Native組件的相關代碼：

@SuppressLint("ViewConstructor")
public class ReactVideoViewWithAds extends FrameLayout implements
    LifecycleEventListener {

private VideoPlayerWithAdPlayback mVideoPlayerWithAdPlayback;
private RelativeLayout mCompanionAdSlot;
private VideoPlayerController mVideoPlayerController;

public ReactVideoViewWithAds(ThemedReactContext themedReactContext) {
    super(themedReactContext);
    createViews();
    themedReactContext.addLifecycleEventListener(this);
}

private void createViews() {

    FrameLayout.LayoutParams companionAdLayoutParams = new FrameLayout.LayoutParams(
            FrameLayout.LayoutParams.MATCH_PARENT,
            (int) (50 * getResources().getSystem().getDisplayMetrics().density));
    companionAdLayoutParams.gravity = Gravity.CENTER_HORIZONTAL;
    mCompanionAdSlot = new RelativeLayout(getContext());
    mCompanionAdSlot.setBackgroundColor(Color.BLUE);
    addView(mCompanionAdSlot, companionAdLayoutParams);

    //player with ad playback
    FrameLayout.LayoutParams layoutParams = new FrameLayout.LayoutParams(
            FrameLayout.LayoutParams.MATCH_PARENT,
            FrameLayout.LayoutParams.MATCH_PARENT);
    mVideoPlayerWithAdPlayback = new VideoPlayerWithAdPlayback(getContext());
    addView(mVideoPlayerWithAdPlayback, layoutParams);


    initPlayer();
}

private void initPlayer() {
    mVideoPlayerController = new VideoPlayerController(
            getContext(),
            mVideoPlayerWithAdPlayback,
            null,
            null,
            "nl",
            mCompanionAdSlot,
            null);
}

Answer 1

這個問題在評論中有解決方案

在本機組件中動態添加視圖時，您似乎需要手動觸發布局周期，以便react-native能夠獲取更改。 （可能與本機更新的影子視圖有關）

 @Override
    public void requestLayout() {
        super.requestLayout();
        post(measureAndLayout);
    }

    private final Runnable measureAndLayout = new Runnable() {
        @Override
        public void run() {
            measure(
                    MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
                    MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
            layout(getLeft(), getTop(), getRight(), getBottom());
        }
    };