imnapo / react-native-cn-quill

Quill rich-text editor for react-native
MIT License
190 stars 77 forks source link

How to remove the seperator or change its color? #92

Open abdulwasey opened 2 years ago

abdulwasey commented 2 years ago
              <QuillToolbar
                    editor={quillEditorRef}
                    theme={{
                      background: '#000',
                      color: '#000',
                      overlay: 'rgba(55,99,115, .1)',
                      size: 30,
                    }}
                    options={['emoji', 'mention', 'giphy']}
                    styles={{
                      toolbar: {
                        provider: () => ({}),
                        root: () => ({
                          backgroundColor: 'white',
                        }),
                      },
                      separator: (separator) => ({
                        ...separator,
                        color: '#fff',
                      }),
                    }}
                    custom={{
                      handler: (name) => {
                        handleToolbarActions(name);
                      },
                      actions: ['emoji', 'mention', 'giphy'],
                      icons: {
                        emoji: require('../assets/img/emoji.png'),
                        mention: require('../assets/img/mention.png'),
                        giphy: require('../assets/img/gif.png'),
                      },
                    }}
                  />
abdulwasey commented 2 years ago

@imnapo

HimikoT-T commented 2 years ago

you can't cause separator uses the theme.color unless you fork the repo and change it to your own requirements

divyesh-puri commented 1 year ago

@abdulwasey Can you share what your "handleToolbarActions" do? I am trying to implement "mention" feature will help me with that