feat: implement Android view modules with Kotlin SDK

[mic-mart]

Summary

• Replaces placeholder views with real Kotlin SDK composables
• Ensures prop mapping matches iOS implementation
• Integrates BibleText, VerseOfTheDay, and BibleWidget composables

Test plan

• BibleTextView renders Bible text correctly
• VotdView shows Verse of the Day
• BibleWidgetView displays formatted passage
• Example app runs on Android without crashes (cd example && npx expo run:android)

[chatgpt-codex-connector]

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Credits must be used to enable repository wide code reviews.

[greptile-apps]

Greptile Summary

Replaced placeholder Android views with real Kotlin SDK composables (BibleText, VerseOfTheDay, and BibleWidget), enabling actual Bible content rendering and proper integration with the platform SDK.

• Integrated BibleText composable with verse tap event handling
• Implemented VerseOfTheDay with color scheme support
• Added BibleWidget with MaterialTheme integration
• BibleReaderView uses temporary scrollable implementation pending full platform-reader availability
• Default wocColor has incorrect hex value (#F04C59 instead of iOS's #FF3D4D)
• fontFamily prop hardcoded to FontFamily.Serif, ignoring user input
• paragraphSpacing prop not passed to BibleTextOptions

Confidence Score: 3/5

• This PR has several prop mapping issues that cause inconsistencies with the iOS implementation
• Score reflects successful integration of core SDK composables, but penalized for color mismatch in default wocColor and missing prop mappings (fontFamily and paragraphSpacing) that create inconsistencies between iOS and Android behavior
• Pay close attention to YVPBibleTextView.kt for prop mapping corrections to ensure iOS/Android parity

Important Files Changed

Filename	Overview
android/src/main/java/com/youversion/reactnativesdk/views/YVPBibleTextView.kt	Replaced placeholder with real BibleText composable, but has color mismatch and missing prop mappings (fontFamily, paragraphSpacing)
android/src/main/java/com/youversion/reactnativesdk/views/YVPBibleReaderView.kt	Temporary scrollable BibleText implementation pending full BibleReaderView availability in platform-reader

Sequence Diagram

sequenceDiagram
    participant RN as React Native
    participant View as YVPBibleTextView
    participant Props as BibleTextViewProps
    participant SDK as Kotlin Platform SDK
    participant UI as BibleText Composable
    
    RN->>View: Set props (versionId, bookUSFM, chapter, etc.)
    View->>Props: Update MutableState values
    Props-->>View: Props updated
    
    RN->>View: Trigger recomposition
    View->>View: bibleReference()
    View->>View: textOptions()
    View->>SDK: Create BibleReference
    SDK-->>View: BibleReference instance
    
    View->>UI: BibleText(reference, textOptions, onVerseTap)
    UI->>SDK: Fetch Bible text data
    SDK-->>UI: Bible text content
    UI-->>View: Rendered text
    
    Note over UI,RN: User taps verse
    UI->>View: onVerseTap callback
    View->>RN: Dispatch onTap event
    RN-->>View: Handle verse tap

Loading

[greptile-apps]

_{4 files reviewed, 3 comments}

_{Edit Code Review Agent Settings | Greptile}