I'm building my application using expo. I copied the exact code mentioned in expo example and I'm getting an warning:
`Warning: Failed prop type: Invalid prop `color` supplied to `Text`:
Valid color formats are
- '#f0f' (#rgb)
- '#f0fc' (#rgba)
- '#ff00ff' (#rrggbb)
- '#ff00ff00' (#rrggbbaa)
- 'rgb(255, 255, 255)'
- 'rgba(255, 255, 255, 1.0)'
- 'hsl(360, 100%, 100%)'
- 'hsla(360, 100%, 100%, 1.0)'
- 'transparent'
- 'red'
- 0xff00ff00 (0xrrggbbaa)
Bad object: {
"fontSize": 12,
"fontWeight": "bold",
"color": ""
}
in Text (at CNStyledText.js:25)
in CNStyledText (at CNTextInput.js:1347)
in RCTVirtualText (at Text.js:156)
in TouchableText (at Text.js:283)
in Text (at TextInput.js:1105)
in AndroidTextInput (at TextInput.js:1111)
in TouchableWithoutFeedback (at TextInput.js:1134)
in InternalTextInput (at TextInput.js:1159)
in ForwardRef(TextInput) (at CNTextInput.js:1320)
in CNTextInput (at CNRichTextEditor.js:416)
in RCTView (at View.js:34)
in View (at CNRichTextEditor.js:409)
in RCTView (at View.js:34)
in View (at CNRichTextEditor.js:579)
in RCTView (at View.js:34)
in View (at ScrollView.js:1124)
in RCTScrollView (at ScrollView.js:1260)
in ScrollView (at ScrollView.js:1286)
in ScrollView (at CNRichTextEditor.js:569)
in RCTView (at View.js:34)
in View (at CNRichTextEditor.js:562)
in CNRichTextEditor (at TextEditorNew.js:315)
in RCTView (at View.js:34)
in View (at TextEditorNew.js:314)
in TouchableWithoutFeedback (at TextEditorNew.js:313)
in RCTView (at View.js:34)
in View (created by MenuProvider)
in RCTView (at View.js:34)
in View (created by MenuProvider)
in MenuProvider (at TextEditorNew.js:312)
in RCTView (at View.js:34)
in View (at KeyboardAvoidingView.js:204)
in KeyboardAvoidingView (at TextEditorNew.js:306)
in TextEditorNew (at SceneView.tsx:122)
in StaticContainer
in StaticContainer (at SceneView.tsx:115)
in EnsureSingleNavigator (at SceneView.tsx:114)
in SceneView (at useDescriptors.tsx:153)
in RCTView (at View.js:34)
in View (at NativeStackView.tsx:43)
in DebugContainer (at NativeStackView.tsx:81)
in MaybeNestedStack (at NativeStackView.tsx:219)
in RNSScreen (at createAnimatedComponent.js:165)
in AnimatedComponent (at createAnimatedComponent.js:215)
in ForwardRef(AnimatedComponentWrapper) (at src/index.native.tsx:147)
in Screen (at NativeStackView.tsx:153)
in RNSScreenStack (at NativeStackView.tsx:124)
in NativeStackView (at createNativeStackNavigator.tsx:64)
in NativeStackNavigator (at App.js:26)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:409)
in ForwardRef(BaseNavigationContainer) (at NavigationContainer.tsx:91)
in ThemeProvider (at NavigationContainer.tsx:90)
in ForwardRef(NavigationContainer) (at App.js:25)
in RCTView (at View.js:34)
in View (at SafeAreaView.js:41)
in ForwardRef(SafeAreaView) (at App.js:24)
in App (created by ExpoRoot)
in ExpoRoot (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
at node_modules\expo\build\logs\LogSerialization.js:155:14 in _captureConsoleStackTrace
at node_modules\expo\build\logs\LogSerialization.js:41:26 in serializeLogDataAsync
- ... 9 more stack frames from framework internals`
I'm running my app in expo simulator from the play store. In my simulator, I'm getting error:
`setSpan (28...28) ends beyond length 27`
when I erase the text. and when I try to write the cursor glitches between captions.
How can I run this editor without any error?
I'm building my application using expo. I copied the exact code mentioned in expo example and I'm getting an warning:
I'm running my app in expo simulator from the play store. In my simulator, I'm getting error:
when I erase the text. and when I try to write the cursor glitches between captions. How can I run this editor without any error?