Skip to content

Remote controls navigation issue on webOSΒ #1858

@NazarKuryl0

Description

@NazarKuryl0

Describe the bug
Remote controls from d-pad didn't work on webOS simulator

To Reproduce
Steps to reproduce the behavior:

  1. init app for webOS
  2. add second TouchableOpacity, simple to first one from template
  3. press down on d-pad

Expected behavior
Focus should move down

Desktop (please complete the following information):

  • OS: [osx]
  • Node Version [v23.7.0]
  • RNV Version [1.9.0]

Additional context
Replace index.tsx from src/app/index.tsx with next code

import React, { useContext } from 'react';
import { View, TouchableOpacity } from 'react-native';
import { ThemeProvider, ThemeContext } from '../config';

const App = () => (
    <ThemeProvider>
        <AppThemed />
    </ThemeProvider>
);

const AppThemed = () => {
    const { theme } = useContext(ThemeContext);
    return (
        <View style={theme.styles.wrapper}>
            <TouchableOpacity onFocus={()=>console.log(1)} hasTVPreferredFocus style={{width: 50, height: 50, backgroundColor: 'red'}} />
            <TouchableOpacity onFocus={()=>console.log(2)} style={{width: 50, height: 50, backgroundColor: 'blue'}} />
        </View>
    );
};

export default App;

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions